Ultimele tutoriale de dezvoltare web
 

jQuery Traversarea - Strămoși

❮ Anterior Urmatorul capitol ❯

Un strămoș este un parinte, bunic, stră-bunic, și așa mai departe.

Cu jQuery poți traversa sus copac DOM pentru a găsi strămoșii unui element.

Traversarea copacul DOM

Trei metode utile jQuery pentru dipozitive sus copac DOM sunt:

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() Metoda

parent() metoda returneaza elementul parinte direct al elementului selectat.

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

Următorul exemplu returnează elementul părinte direct al fiecărui <span> elemente:

Exemplu

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

jQuery parents() Metoda

parents() metoda returneaza toate elementele strămoș al elementului selectat, tot drumul până la elementul rădăcină al documentului (<html>) .

Următorul exemplu returnează toți strămoșii tuturor <span> elemente:

Exemplu

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

Puteți utiliza, de asemenea, un parametru opțional pentru a filtra căutarea strămoșilor.

Următorul exemplu returnează toți strămoșii tuturor <span> elemente care sunt <ul> elemente:

Exemplu

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

jQuery parentsUntil() Metoda

parentsUntil() metoda returneaza toate elementele strămoș între două argumente date.

Următorul exemplu returnează toate elementele strămoș între un <span> și <div> Element:

Exemplu

$(document).ready(function(){
    $("span").parentsUntil("div");
});
Î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 ❯