Exemplu
Întoarcere toate <span> elemente care sunt descendenți ai <ul> :
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px
solid red"});
});
Rezultat:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Încearcă - l singur » Definiție și utilizare
The find() returneaza descendent elemente ale elementului selectat.
Un descendent este un copil, nepot, strănepot, și așa mai departe.
Arborele DOM: Această metodă traversează în jos , de-a lungul descendenti de elemente DOM, tot drumul până la ultimul descendent. Pentru a traversa doar un singur nivel în jos arborele DOM (to return direct children) , utilizați children() metoda.
Notă: Este necesară Parametrul de filtrare pentru find() metoda, spre deosebire de restul metodelor arborelui traversal.
Indicație: Pentru a reveni toate elementele descendente, folosiți "*" selectorul.
Sintaxă
$( Parametru Descriere filter Necesar. O expresie selector, element sau obiect jQuery pentru a filtra căutarea pentru descendenții
Notă: Pentru a reveni mai mulți urmași, separați fiecare expresie cu o virgulă.
Încearcă-l singur - Exemple
Întoarcere toate elementele descendent al <html>
Folosind "*" selectorul pentru a reveni toate elementele care sunt descendenți ai <html> .
Întoarcere toate <span> elemente care sunt descendenți ai <ul>
Cum să se întoarcă toate <span> elemente care sunt descendenți ai unui <ul> Element.
Numai descendenții selectați cu un nume de clasă dată
Cum să se întoarcă elementele descendente cu numele clasei "first" .
Întoarcere multiple descendenții
Cum să se întoarcă mai multe elemente descendent.
Se filtrează căutarea descendent cu o colecție de jQuery toate <ul> elemente
Cum să se întoarcă toate <span> elemente care sunt descendenți ai unui <ul> Element cu un obiect jQuery.
Arată descendenții unui element în funcție de numele tag
O demonstrație care arată cine descendenții unui <div> element de fapt , sunt.