JAVASCRIPT AM NÄCHSTEN ()

Die Methode „nest()“ in JavaScript wird verwendet, um den nächsten Vorfahren oder das übergeordnete Element des Elements abzurufen, das mit den Selektoren übereinstimmt. Wenn kein Vorfahre gefunden wird, kehrt die Methode zurück Null .

Diese Methode durchläuft das Element und seine übergeordneten Elemente im Dokumentbaum und die Durchquerung wird fortgesetzt, bis der erste Knoten gefunden wird, der mit der bereitgestellten Selektorzeichenfolge übereinstimmt.

jsp

Syntax

 targetElement.closest(selectors);

In der obigen Syntax gilt: Selektoren ist eine Zeichenfolge, die einen Selektor enthält (wie p:schweben usw.), die zum Auffinden eines Knotens verwendet wird.

Lassen Sie uns diese Methode anhand einiger Abbildungen verstehen.

Beispiel 1

In diesem Beispiel gibt es drei div-Elemente und eine Überschrift, auf die wir das anwenden am nächsten() Methode. Hier sind die Selektoren, die wir verwenden Ausweis Wähler, Nachfahre Wähler, Kind Selektor und :nicht Wähler.

 This is the first div element. <h3 id="h"> This is a heading inside the div. </h3> This is the div inside the div element. This is the div element inside the second div element. var val1 = document.getElementById(&apos;div3&apos;); var o1 = val1.closest(&apos;#div1&apos;); var o2 = val1.closest(&apos;div div&apos;); var o3 = val1.closest(&apos;div &gt; div&apos;); var o4 = val1.closest(&apos;:not(#div3)&apos;); console.log(o1); console.log(o2); console.log(o3); console.log(o4);

Testen Sie es jetzt

Ausgabe

Nach der Ausführung des obigen Codes lautet die Ausgabe:

Beispiel2

Dies ist ein weiteres Anwendungsbeispiel JavaScript 'S am nächsten() Methode.

einfaches Python-Programm

 This is the div element. <p id="p1"> This is the paragraph element inside the div element. </p><h3 id="h"> This is the child of the paragraph element. <p id="p2"> This is the child of heading element of the paragraph element. </p> </h3> <p></p> var val1 = document.getElementById(&apos;p2&apos;); var o1 = val1.closest(&apos;p&apos;); var o2 = val1.closest(&apos;h3&apos;); var o3 = val1.closest(&apos;div&apos;); console.log(o1); console.log(o2); console.log(o3);