Latest web development tutorials

jQuery attraversamento - connazionali (fratelli)

Compatrioti hanno lo stesso elemento genitore.

Con jQuery, si è in grado di attraversare compatrioti dell'elemento nella struttura DOM.


Livello nella attraversamento dell'albero DOM

Ci sono molti modi utili per farci del livello DOM albero attraversamento:

  • fratelli ()
  • next ()
  • nextAll ()
  • nextUntil ()
  • prev ()
  • prevAll ()
  • prevUntil ()

Metodo jQuery fratelli ()

Metodo fratelli () restituisce l'elemento selezionato tutti gli elementi compatrioti.

L'esempio seguente restituisce i <h2> elemento tutti i connazionali:

Esempi

$(document).ready(function(){
$("h2").siblings();
});

Prova »

È inoltre possibile utilizzare i parametri opzionali per filtrare la ricerca per l'elemento compatrioti.

L'esempio seguente restituisce appartengono elemento <h2> Elemento tutti compatrioti <p>:

Esempi

$(document).ready(function(){
$("h2").siblings("p");
});

Prova »


Metodo jQuery successivo ()

metodo next () restituisce l'elemento selezionato per i prossimi compatrioti elemento.

Questo metodo restituisce un solo elemento.

L'esempio seguente restituisce il <h2> elemento successivo compatrioti:

Esempi

$(document).ready(function(){
$("h2").next();
});

Prova »


Metodo jQuery nextAll ()

Metodo nextAll () restituisce tutti gli elementi seguono compagno dell'elemento selezionato.

L'esempio seguente restituisce il <h2> elemento tutti i connazionali a seguire:

Esempi

$(document).ready(function(){
$("h2").nextAll();
});

Prova »


Metodo jQuery nextUntil ()

nextUntil () restituisce tra tutti gli elementi dei due connazionali a seguire i parametri indicati.

L'esempio seguente restituisce tra <h2> e <h6> elemento tutti i compatrioti tra gli elementi:

Esempi

$(document).ready(function(){
$("h2").nextUntil("h6");
});

Prova »


jQuery prev (), prevAll () e prevUntil () metodo

prev lavoro (), prevAll () e prevUntil () metodo è simile al metodo di cui sopra, ma solo nella direzione opposta: ritornano davanti elementi connazionale (in attraversamento dell'albero DOM indietro lungo elemento compatrioti invece in avanti).