JAVASCRIPT NEJBLÍŽE()

Metoda closest() v JavaScriptu se používá k načtení nejbližšího předka nebo rodiče prvku, který odpovídá selektorům. Pokud není nalezen žádný předek, metoda se vrátí nula .

Tato metoda prochází elementem a jeho rodiči ve stromu dokumentu a procházení pokračuje, dokud není nalezen první uzel, který odpovídá zadanému řetězci selektoru.

faktoriální java

Syntax

 targetElement.closest(selectors);

Ve výše uvedené syntaxi selektory je řetězec obsahující selektor (např p:hover atd.) slouží k nalezení uzlu.

Pojďme pochopit tuto metodu pomocí několika ilustrací.

spát v javascriptu

Příklad1

V tomto příkladu jsou tři prvky div a nadpis, na který aplikujeme nejbližší() metoda. Zde jsou selektory, které používáme id volič, potomek volič, dítě volič a :ne volič.

 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);

Otestujte to hned

Výstup

Po provedení výše uvedeného kódu bude výstupem -

Příklad2

Toto je další příklad použití JavaScript 's nejbližší() metoda.

 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);