jQuery Traversing - Descendentes

Com jQuery você pode percorrer a árvore DOM para encontrar descendentes de um elemento.

Um descendente é um filho, neto, bisneto e assim por diante.

Descendo a árvore DOM

Dois métodos jQuery úteis para percorrer a árvore DOM são:

O children()método retorna todos os filhos diretos do elemento selecionado.

Esse método percorre apenas um único nível abaixo da árvore DOM.

O exemplo a seguir retorna todos os elementos que são filhos diretos de cada <div>elemento:

$(document).ready(function(){
$("div").children();
});

Você também pode usar um parâmetro opcional para filtrar a pesquisa por filhos.

O exemplo a seguir retorna todos os <p>elementos com o nome de classe "first", que são filhos diretos de <div>:

$(document).ready(function(){
$("div").children("p.first");
});

O find()método retorna elementos descendentes do elemento selecionado, até o último descendente.

O exemplo a seguir retorna todos os <span>elementos que são descendentes de <div>:

$(document).ready(function(){
$("div").find("span");
});

O exemplo a seguir retorna todos os descendentes de <div>:

$(document).ready(function(){
$("div").find("*");
});

Para uma visão geral completa de todos os métodos de travessia do jQuery, acesse nossa Referência de travessia do jQuery .