Latest web development tutorials

jQuery attraversamento - antenato

padre Antenati, il nonno o bisnonno, e così via.

Con jQuery, si è in grado di attraversare l'albero DOM per gli elementi antenati.

Fino a attraversare l'albero DOM

Questi metodi jQuery sono utili, sono utilizzati per attraversare l'albero DOM:

  • genitore ()
  • genitori ()
  • parentsUntil ()

Metodo jQuery genitore ()

il metodo parent () restituisce l'elemento padre immediato dell'elemento selezionato.

Questo metodo solo fino un paio albero DOM attraversamento.

L'esempio seguente restituisce elemento genitore immediato ogni <span> dell'elemento:

Esempi

$(document).ready(function(){
$("span").parent();
});

Prova »

Metodo genitori jQuery ()

genitori () restituisce l'antenato di tutti gli elementi dell'elemento selezionato, è tutta la strada fino a quando l'elemento radice del documento (<html>).

L'esempio seguente restituisce tutta l'antenato di tutti gli elementi <span>:

Esempi

$(document).ready(function(){
$("span").parents();
});

Prova »

È inoltre possibile utilizzare i parametri opzionali per filtrare la ricerca di elementi antenati.

L'esempio seguente restituisce tutta l'antenato di tutti gli elementi <span>, ed è l'elemento <ul>:

Esempi

$(document).ready(function(){
$("span").parents("ul");
});

Prova »

Metodo jQuery parentsUntil ()

parentsUntil () restituisce l'antenato di tutti gli elementi tra due date elementi.

L'esempio seguente restituisce l'antenato tra tutti gli elementi <span> e <div> elemento tra:

Esempi

$(document).ready(function(){
$("span").parentsUntil("div");
});

Prova »