Den nærmeste()-metoden i JavaScript brukes til å hente den nærmeste stamfaren, eller forelderen til elementet samsvarer med velgerne. Hvis det ikke finnes noen stamfar, returnerer metoden null .
java understreng inneholder
Denne metoden krysser elementet og dets foreldre i dokumenttreet, og kryssingen fortsetter til den første noden er funnet som samsvarer med den angitte velgerstrengen.
Syntaks
targetElement.closest(selectors);
I syntaksen ovenfor, velgere er en streng som inneholder en velger (som p:sveve , etc.) brukes til å finne en node.
La oss forstå denne metoden ved å bruke noen illustrasjoner.
Eksempel 1
I dette eksemplet er det tre div-elementer og en overskrift som vi bruker nærmest() metode. Her er velgerne vi bruker id velger, etterkommer velger, barn velger, og :ikke velger.
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('div3'); var o1 = val1.closest('#div1'); var o2 = val1.closest('div div'); var o3 = val1.closest('div > div'); var o4 = val1.closest(':not(#div3)'); console.log(o1); console.log(o2); console.log(o3); console.log(o4);Test det nå
Produksjon
Etter utførelse av koden ovenfor, vil utgangen være -
Eksempel 2
Dette er et annet eksempel på bruk 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('p2'); var o1 = val1.closest('p'); var o2 = val1.closest('h3'); var o3 = val1.closest('div'); console.log(o1); console.log(o2); console.log(o3);Test det nå
Produksjon
Etter utførelse av koden ovenfor, vil utgangen være -
