Latest web development tutorials

jQuery Traversal - Vorfahren

Vorfahren Vater, Großvater oder Urgroßvater, und so weiter.

Mit jQuery, können Sie den DOM-Baum für Ahnen Elemente zu durchlaufen werden.


Bis den DOM-Baum zu durchqueren

Diese jQuery Methoden sind nützlich, sie werden verwendet, um die DOM-Baum zu durchqueren bis:

  • parent ()
  • Eltern ()
  • parentsUntil ()

jQuery parent () -Methode

parent () -Methode gibt das unmittelbar übergeordnete Element des ausgewählten Elements.

Diese Methode ist nur auf ein Paar DOM-Baum-Traversal.

Das folgende Beispiel gibt jeder <span> Elements unmittelbar übergeordnete Element:

Beispiele

$(document).ready(function(){
$("span").parent();
});

Versuchen »


jQuery Eltern () -Methode

Eltern () -Methode der Vorfahr aller Elemente des ausgewählten Elements zurück, es bis zum Wurzelelement des Dokuments (<html>) auf den ganzen Weg ist.

Das folgende Beispiel gibt alle der Vorfahr aller <span> -Element:

Beispiele

$(document).ready(function(){
$("span").parents();
});

Versuchen »

Sie können auch die optionalen Parameter verwenden, um die Suche nach Vorfahren Elemente zu filtern.

Das folgende Beispiel gibt alle der Vorfahr aller <span> -Element, und es ist das <ul> Element:

Beispiele

$(document).ready(function(){
$("span").parents("ul");
});

Versuchen »


jQuery parentsUntil () -Methode

parentsUntil () -Methode gibt den Vorfahr aller Elemente zwischen zwei gegebenen Elementen.

Das folgende Beispiel gibt den Vorfahren zwischen allen Elementen <span> und <div> Element zwischen:

Beispiele

$(document).ready(function(){
$("span").parentsUntil("div");
});

Versuchen »