JAVASCRIPT NÄRMAST()

Metoden closest() i JavaScript används för att hämta den närmaste förfadern, eller föräldern till elementet matchar väljarna. Om det inte finns någon förfader återkommer metoden null .

Denna metod korsar elementet och dess föräldrar i dokumentträdet, och korsningen fortsätter tills den första noden hittas som matchar den angivna väljarsträngen.

np betyder

Syntax

 targetElement.closest(selectors);

I ovanstående syntax, väljare är en sträng som innehåller en väljare (som p:sväva , etc.) används för att hitta en nod.

Låt oss förstå denna metod genom att använda några illustrationer.

stlc

Exempel1

I det här exemplet finns det tre div-element och en rubrik som vi använder närmast() metod. Här är de väljare som vi använder id väljare, ättling väljare, barn väljare och :inte väljare.

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

Testa det nu

Produktion

Efter exekvering av ovanstående kod kommer utgången att vara -

Exempel 2

Detta är ytterligare ett exempel på användning JavaScript s närmast() metod.

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