„JavaScript“ metodas artimiausias () naudojamas artimiausiam protėviui nuskaityti, arba elemento pirminis elementas atitinka parinkiklius. Jei protėvis nerastas, metodas grąžinamas nulinis .
Šis metodas kerta elementą ir jo tėvus dokumentų medyje ir tęsiasi tol, kol randamas pirmasis mazgas, atitinkantis pateiktą parinkiklio eilutę.
npm diegimo komanda
Sintaksė
targetElement.closest(selectors);
Aukščiau pateiktoje sintaksėje selektoriai yra eilutė, kurioje yra parinkiklis (pvz p:hover ir tt) naudojami mazgui rasti.
Supraskime šį metodą naudodami keletą iliustracijų.
įterpti vandens ženklą į žodį
1 pavyzdys
Šiame pavyzdyje yra trys div elementai ir antraštė, kuriai taikome artimiausias () metodas. Čia naudojami parinkikliai id parinkėjas, palikuonis parinkėjas, vaikas parinkiklis ir : ne parinkiklis.
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);Išbandykite dabar
Išvestis
Įvykdžius aukščiau pateiktą kodą, išvestis bus -
2 pavyzdys
Tai dar vienas naudojimo pavyzdys JavaScript 's artimiausias () metodas.
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);Išbandykite dabar
Išvestis
kiek milijonų yra milijardas
Įvykdžius aukščiau pateiktą kodą, išvestis bus -
