Il metodo Close() in JavaScript viene utilizzato per recuperare l'antenato più vicino o il genitore dell'elemento che corrisponde ai selettori. Se non è stato trovato alcun antenato, il metodo ritorna nullo .
scanner Java
Questo metodo attraversa l'elemento e i suoi genitori nell'albero del documento e l'attraversamento continua finché non viene trovato il primo nodo che corrisponde alla stringa del selettore fornita.
Sintassi
targetElement.closest(selectors);
Nella sintassi precedente, selettori è una stringa contenente un selettore (come p: passa il mouse , ecc.) utilizzato per trovare un nodo.
Comprendiamo questo metodo utilizzando alcune illustrazioni.
Esempio 1
In questo esempio, ci sono tre elementi div e un'intestazione su cui stiamo applicando il file più vicina() metodo. Qui, i selettori che stiamo utilizzando sono i id selettore, discendente selettore, bambino selettore e :non selettore.
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);Provalo adesso
Produzione
Dopo l'esecuzione del codice sopra, l'output sarà:
Esempio2
Questo è un altro esempio di utilizzo JavaScript 'S più vicina() metodo.
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);Provalo adesso
Produzione
Dopo l'esecuzione del codice sopra, l'output sarà:
