Latest web development tutorials

jQuery Eltern () -Methode

jQuery-Traversal-Methoden jQuery - Traversal - Methoden

Beispiele

Zurück <span> alle Vorfahren Elemente:

$(document).ready(function(){
$("span").parents().css({"({"color":"red","border":"2px solid red"});
});

Ergebnis:

body (great-great-grandparent)
div (great-grandparent)
    ul (grandparent)
  • li (direct parent) span

Versuchen »

Definition und Verwendung

Eltern () -Methode gibt den Vorfahr aller Elemente des ausgewählten Elements.

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

DOM - Baum: Diese Methode durchläuft die Vorfahren oben aus dem übergeordneten Element DOM - Element, bis alle den Weg des Document - Root - Element (<html>).

Hinweis: Wenn die Filterparameter leer ist, geht der Prozess direkt aus dem übergeordneten Element bis zum <body> und <html> wählen alle Wege der Elemente in der Sammlung aller Vorfahren. So einen schmalen Umfang der Suchergebnisse Selektor Ausdruck übergeben ist sehr nützlich.

Diese Methode am nächsten () werden den DOM - Baum durchqueren auf, der Unterschied ist:

Eltern ()

  • Ausgehend von der Eltern-Element
  • Entlang der DOM-Baum-Traversal und liefert übereinstimmt Ausdruck alle Vorfahren über
  • Gibt Null, ein oder mehrere Elemente des jQuery-Objekt

am nächsten ()

  • Ausgehend vom aktuellen Element
  • Der erste Vorfahre Traversal entlang der DOM-Baum nach oben und gibt die passenden Ausdruck übergeben
  • Gibt null oder ein Element von jQuery-Objekt

Andere verwandte Methoden:

  • (Eltern) - Liefert die direkte übergeordnete Element des ausgewählten Elements
  • parentsUntil () - Gibt alle Vorfahren der Elementparameter zwischen den beiden

Grammatik

$(selector).parents( filter )

参数 描述
filter 可选。规定缩小搜索祖先元素范围的选择器表达式。

注意:如需返回多个祖先,请使用逗号分隔每个表达式。

Beispiele

Weitere Beispiele

Ihre Suche eingrenzen ,
Wie die Filterparameter zu verwenden, um zurückzukehren <span> alle Vorfahren der <ul> -Element.

Zurück mehrere Abstammung
Wie die Filterparameter zu verwenden, um zurückzukehren <span> alle Vorfahren von <li> und <div> Elemente.

Demo von Vorfahre Element Tag - Namen
Demo <span> -Element Vorfahren.


jQuery-Traversal-Methoden jQuery - Traversal - Methoden