JAVASCRIPT LEGKÖZELEBBI()

A JavaScript-ben a closest() metódus a legközelebbi ős lekérésére szolgál, vagy az elem szülője megegyezik a kiválasztókkal. Ha nem található ős, a metódus visszatér nulla .

Ez a módszer bejárja az elemet és a szüleit a dokumentumfában, és a bejárás addig folytatódik, amíg meg nem találja az első csomópontot, amely megfelel a megadott választókarakterláncnak.

java helyi dátum

Szintaxis

 targetElement.closest(selectors);

A fenti szintaxisban válogatók egy karakterlánc, amely egy választót tartalmaz (pl p:hover stb.) csomópont megkeresésére szolgál.

Nézzük meg ezt a módszert néhány illusztráció segítségével.

Példa1

Ebben a példában három div elem és egy címsor található, amelyre a legközelebbi() módszer. Itt az általunk használt szelektorok a id választó, leszármazott választó, gyermek választó, és :nem választó.

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

Tesztelje most

Kimenet

A fenti kód végrehajtása után a kimenet a következő lesz:

Példa2

Ez egy másik példa a felhasználásra JavaScript 's legközelebbi() módszer.

vba

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