Ähnlich wie jQuery .closes (), aber Nachkommen durchqueren?

Entsprechend Ihrer definition von closest ich geschrieben habe das folgende plugin:

(function($) {
    $.fn.closest_descendent = function(filter) {
        var $found = $(),
            $currentSet = this; //Current place
        while ($currentSet.length) {
            $found = $currentSet.filter(filter);
            if ($found.length) break;  //At least one match: break loop
            //Get all children of the current set
            $currentSet = $currentSet.children();
        }
        return $found.first(); //Return first match of the collection
    }    
})(jQuery);

InformationsquelleAutor der Antwort Rob W

Können Sie find mit der :first selector:

$('#parent').find('p:first');

Den oben genannten Zeile befindet sich die erste <p> element in den Nachkommen von #parent.

InformationsquelleAutor der Antwort FishBasketGordo

Ich denke, dass man zunächst definieren, was "am nächsten" bedeutet. Wenn du meinst die untergeordneten Knoten, die Ihren Kriterien entsprechen, ist der kürzeste Abstand in Bezug auf die elterliche links, dann mit ":" oder ".eq(0)" muß nicht zwangsläufig:

<div id='start'>
  <div>
    <div>
      <span class='target'></span>
    </div>
  </div>
  <div>
    <span class='target'></span>
  </div>
</div>

In diesem Beispiel, die zweite ".Ziel" <span> element ist "näher" an die "start" -<div>weil es nur eine elterliche hop entfernt. Wenn es das ist was du meinst mit "am nächsten" sind, würden Sie brauchen, zu finden, die minimale Entfernung in einer filter-Funktion. Die Ergebnis-Liste aus einem jQuery-Selektor ist immer in der DOM-Reihenfolge.

Vielleicht:

$.fn.closestDescendant = function(sel) {
  var rv = $();
  this.each(function() {
    var base = this, $base = $(base), $found = $base.find(sel);
    var dist = null, closest = null;
    $found.each(function() {
      var $parents = $(this).parents();
      for (var i = 0; i < $parents.length; ++i)
        if ($parents.get(i) === base) break;
      if (dist === null || i < dist) {
        dist = i;
        closest = this;
      }
    });
    rv.add(closest);
  });
  return rv;
};

Das ist sozusagen ein hack, plugin, weil der Art, es baut das result-Objekt, aber die Idee ist, dass Sie ' ve got zu finden, die kürzeste elterlichen Pfad, der alle passenden Elemente, die Sie finden. Dieser code Vorurteile gegenüber Elementen nach Links in den DOM-Baum, weil der < überprüfen; <= würden bias rechts.

InformationsquelleAutor der Antwort Pointy

Rob W ' s Antwort nicht ganz der Arbeit für mich. Ich passte es an diese, die nicht funktioniert haben.

//closest_descendent plugin
$.fn.closest_descendent = function(filter) {
    var found = [];

    //go through every matched element that is a child of the target element
    $(this).find(filter).each(function(){
        //when a match is found, add it to the list
        found.push($(this));
    });

    return found[0]; //Return first match in the list
}

InformationsquelleAutor der Antwort Daniel Tonon

Obwohl es ein altes Thema konnte ich nicht widerstehen, die Umsetzung meiner closestChild.
Liefert die erste Gefundene Nachkomme mit mindestens Reisen ( Atem ).
Man rekursive (persönlicher Favorit ), andere mit einer todo-Liste, also ohne Rekursion als jQquery extensions.

Hoffe, dass jemand nutzen.

Hinweis : Die rekursive bekommt, stack overflow und verbesserte ich die anderen, die nun ähnlich auf Vorherige Antwort gegeben.

jQuery.fn.extend( {

    closestChild_err : function( selector ) { //recursive, stack overflow when not found
        var found = this.children( selector ).first();
        if ( found.length == 0 ) {
            found = this.children().closestChild( selector ).first(); //check all children
        }
        return found;
    },

    closestChild : function( selector ) {
        var todo = this.children(); //start whith children, excluding this
        while ( todo.length > 0 ) {
            var found = todo.filter( selector );
            if ( found.length > 0 ) { //found closest: happy
                return found.first();
            } else {
                todo = todo.children();
            }
        }
        return $();
    },

});  

InformationsquelleAutor der Antwort Eelco

Ich war auf der Suche für eine ähnliche Lösung (ich wollte am nächsten Abkömmlinge, also die Breite der ersten + alle Spiele, unabhängig von der Ebene in es vorhanden ist), hier ist, was ich am Ende machen:

var item = $('#find-my-closest-descendant');
item.find(".matching-descendant").filter(function () {
    var $this = $(this);
    return $this.parent().closest("#find-my-closest-descendant").is(item);
}).each(function () {
    //Do what you want here
});

Ich hoffe, das hilft.

InformationsquelleAutor der Antwort Sharique Abdullah