So erhalten Sie mit jQuery übergeordnete Elemente und übergeordnete Elemente

jquery wird häufig in der Front-End-Entwicklung verwendet. Sie können jQuery verwenden, um untergeordnete Elemente, übergeordnete Elemente, Geschwisterelemente usw. abzurufen. In diesem Artikel erfahren Sie, wie Sie mit jQuery übergeordnete Elemente und Elemente über dem übergeordneten Element abrufen. Bei Bedarf können Freunde einen Blick darauf werfen, ich hoffe, es ist für Sie nützlich.

parent(), parent(), close()Diese Methoden können alle verwendet werden, um übergeordnete Elemente oder Knoten zu finden

Hier ist zunächst ein Beispiel:

<ul class="parent1">
  <li><a href="#" id="item1">jquery获取父节点</a></li> 
  <li><a href="#">jquery获取父元素</a></li> 
</ul>

Unser Ziel ist es, das ul-Element mit der Klasse parent1 über note a mit der ID item1 abzurufen. Es gibt mehrere Methoden:

1 > Ruft einen Satz von Elementen ab, der das eindeutige übergeordnete Element aller übereinstimmenden Elemente enthält.

$('#item1').parent().parent('.parent1');

Entspricht Elementen, die untergeordnete Elemente oder Text enthalten

$('li:parent');

Ruft einen Satz von Elementen ab, der die Vorgängerelemente aller übereinstimmenden Elemente (mit Ausnahme des Stammelements) enthält. Kann durch einen optionalen Ausdruck gefiltert werden.

$('#items').parents('.parent1');

closest prüft zunächst, ob das aktuelle Element übereinstimmt, und wenn es übereinstimmt, gibt es direkt das Element selbst zurück. Wenn es keine Übereinstimmung gibt, suchen Sie Schicht für Schicht aufwärts nach dem übergeordneten Element, bis ein Element gefunden wird, das mit dem Selektor übereinstimmt. Wenn nichts gefunden wird, wird ein leeres jQuery-Objekt zurückgegeben.

Der Hauptunterschied zwischen nächstgelegenen und übergeordneten Elementen ist: 1. Ersteres beginnt mit dem Abgleich und der Suche ab dem aktuellen Element, während letzteres mit dem Abgleich und der Suche ab dem übergeordneten Element beginnt. 2. Ersteres sucht Schritt für Schritt nach oben es findet ein passendes Element und stoppt dann, letzteres sucht nach oben bis zum Stammelement, fügt diese Elemente dann in eine temporäre Sammlung ein und verwendet dann den angegebenen Selektorausdruck, um 3 zu filtern. Ersteres gibt 0 oder 1 Elemente zurück, und das Letzteres kann 0, 1 oder mehr Elemente enthalten.

closest ist nützlich für die Abwicklung der Ereignisdelegation.

$('#items1').closest('.parent1');

Das obige ist der detaillierte Inhalt vonSo erhalten Sie mit jQuery übergeordnete Elemente und übergeordnete Elemente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!