JAVASCRIPT TÆTTEST PÅ()

Den nærmeste() metode i JavaScript bruges til at hente den nærmeste forfader, eller forælderen til elementet matcher vælgerne. Hvis der ikke findes nogen forfader, vender metoden tilbage nul .

sammenligne med streng

Denne metode krydser elementet og dets forældre i dokumenttræet, og gennemkørslen fortsætter, indtil den første node er fundet, der matcher den angivne vælgerstreng.

Syntaks

 targetElement.closest(selectors);

I ovenstående syntaks, vælgere er en streng, der indeholder en vælger (som p:hover osv.) bruges til at finde en node.

Lad os forstå denne metode ved at bruge nogle illustrationer.

Eksempel 1

I dette eksempel er der tre div-elementer og en overskrift, som vi anvender nærmest() metode. Her er de vælgere, vi bruger id vælger, efterkommer vælger, barn vælger, og :ikke vælger.

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

Test det nu

Produktion

Efter udførelse af ovenstående kode vil outputtet være -

Eksempel 2

Dette er endnu et eksempel på brug JavaScript 's nærmest() metode.

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