Esecuzione jQuery - Fratelli

Gli elementi fratelli condividono lo stesso elemento genitore.

Con jQuery, puoi esplorare gli elementi fratelli nell'albero del DOM.

Esplorazione orizzontale dell'albero del DOM

Ci sono molti metodi utili che ci permettono di esplorare orizzontalmente l'albero del DOM:

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

Metodo jQuery siblings()

Il metodo siblings() restituisce tutti gli elementi fratelli dell'elemento selezionato.

Esempio: La seguente espressione restituisce tutti gli elementi fratelli di <h2>:

Esempio

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

Prova tu stesso

Puoi anche utilizzare un parametro opzionale per filtrare la ricerca sugli elementi fratelli.

Esempio: La seguente espressione restituisce tutti gli elementi <p> che sono fratelli dell'<h2>:

Esempio

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

Prova tu stesso

Metodo jQuery next()

Il metodo next() restituisce l'elemento fratello successivo dell'elemento selezionato.

Questo metodo restituisce solo un elemento.

Esempio: La seguente espressione restituisce l'elemento fratello successivo di <h2>:

Esempio

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

Prova tu stesso

Metodo jQuery nextAll()

Il metodo nextAll() restituisce tutti gli elementi fratelli successivi dell'elemento selezionato.

Esempio: La seguente espressione restituisce tutti gli elementi fratelli successivi di <h2>:

Esempio

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

Prova tu stesso

Metodo jQuery nextUntil()

Il metodo nextUntil() restituisce tutti gli elementi fratelli successivi tra due parametri dati.

Esempio: La seguente espressione restituisce tutti gli elementi fratelli tra <h2> e <h6>:

Esempio

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

Prova tu stesso

Metodi jQuery prev(), prevAll() & prevUntil()

prev(), prevAll() e prevUntil() i metodi funzionano allo stesso modo degli altri, ma in direzione opposta: restituiscono gli elementi fratelli precedenti (nella gerarchia del DOM, esplorando i fratelli in senso anteriore, non posteriore).

jQuery 遍历参考手册

如需了解所有的 jQuery 遍历方法，请访问我们的 jQuery 遍历参考手册。