Ultimele tutoriale de dezvoltare web
 

jQuery Traversarea - Descendenți

❮ Anterior Urmatorul capitol ❯

Un descendent este un copil, nepot, strănepot, și așa mai departe.

Cu jQuery poți traversa în jos copac DOM pentru a găsi descendenți ai unui element.

Traversarea copacul DOM

Două metode utile pentru jQuery dipozitive în jos copac DOM sunt:

  • children()
  • find()

jQuery children() Metoda

children() Metoda returnează toți copiii direcți ai elementului selectat.

Această metodă traversează doar un singur nivel în jos copac DOM.

Următorul exemplu returnează toate elementele care sunt copii directe ale fiecărui <div> elemente:

Exemplu

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

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

Următorul exemplu returnează toate <p> elemente cu numele clasei "first" , care sunt copii directe ale <div> :

Exemplu

$(document).ready(function(){
    $("div").children("p.first");
});
Încearcă - l singur »

jQuery find() Metoda

The find() returneaza descendent elemente ale elementului selectat, tot drumul până la ultimul descendent.

Următorul exemplu returnează toate <span> elemente care sunt descendenți ai <div> :

Exemplu

$(document).ready(function(){
    $("div").find("span");
});
Încearcă - l singur »

Următorul exemplu returnează toți descendenții de <div> :

Exemplu

$(document).ready(function(){
    $("div").find("*");
});
Încearcă - l singur »

Testați-te cu exerciții!

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

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 ❯