Ultimele tutoriale de dezvoltare web
 

jQuery Traversarea - Siblings

❮ Anterior Urmatorul capitol ❯

Frati împărtășesc aceeași mamă.

Cu jQuery puteți traversa lateral în arborele DOM pentru a găsi frații unui element.

Traversarea Lateral în arborele DOM

Există mai multe metode utile jQuery pentru deplasarea în lateral în arborele DOM:

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

jQuery siblings() Metoda

siblings() metoda returneaza toate elementele sibling ale elementului selectat.

Următorul exemplu returnează toate elementele de frate <h2> :

Exemplu

$(document).ready(function(){
    $("h2").siblings();
});
Încearcă - l singur »

Puteți utiliza, de asemenea, un parametru opțional pentru a filtra căutarea pentru frați.

Următorul exemplu returnează toate elementele de frate <h2> care sunt <p> elemente:

Exemplu

$(document).ready(function(){
    $("h2").siblings("p");
});
Încearcă - l singur »

jQuery next() Metoda

next() Metoda returnează următorul element frate al elementului selectat.

Următorul exemplu returnează următorul frate de <h2> :

Exemplu

$(document).ready(function(){
    $("h2").next();
});
Încearcă - l singur »

jQuery nextAll() Metoda

nextAll() metoda returneaza toate elementele sibling următoare ale elementului selectat.

Următorul exemplu returnează toate elementele următoare frate de <h2> :

Exemplu

$(document).ready(function(){
    $("h2").nextAll();
});
Încearcă - l singur »

jQuery nextUntil() Metoda

nextUntil() metoda returneaza toate elementele de frate următoarele între două argumente date.

Următorul exemplu returnează toate elementele de frate între un <h2> și <h6> Element:

Exemplu

$(document).ready(function(){
    $("h2").nextUntil("h6");
});
Încearcă - l singur »

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

prev(), prevAll() și prevUntil() metode de lucru la fel ca metodele de mai sus , dar cu funcționalitate inversă: se întorc elemente frate anterioare ( a traversa înapoi de-a lungul elementelor de frate în arborele DOM, în loc de înainte).

Testați-te cu exerciții!

Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4» Exercițiul 5 » Exercițiul 6»

jQuery Referință parcurgere

Pentru o prezentare completă a tuturor metodelor jQuery traversați, vă rugăm să accesați pagina jQuery de referință parcurgere .


❮ Anterior Urmatorul capitol ❯