Exemplo
Retornar todos os <span> elementos que são descendentes de <ul> :
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px
solid red"});
});
Resultado:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Tente você mesmo " Definição e Uso
Os find() método retorna elementos descendentes do elemento selecionado.
Um descendente é uma criança, neto, bisneto, e assim por diante.
A árvore DOM: Este método percorrer para baixo ao longo descendentes de elementos DOM, todo o caminho até o último descendente. Apenas a atravessar um único nível para baixo da árvore DOM (para retornar filhos diretos), use os children() método.
Nota: O parâmetro de filtro é necessário para a find() método, ao contrário do resto dos métodos passagem de árvore.
Dica: Para retornar todos os elementos descendentes, use o "*" selector.
Sintaxe
$(selector).find( filter )| Parâmetro | Descrição |
|---|---|
| filter | Requeridos. Uma expressão selector, elemento ou objeto jQuery para filtrar a busca por descendentes Nota: Para retornar vários descendentes, separe cada expressão com uma vírgula. |
Tente você mesmo - Exemplos
Retornar todos os elementos descendentes de <html>
Usando o "*" selector para retornar todos os elementos que são descendentes de <html> .
Retornar todos os <span> elementos que são descendentes de <ul>
Como retornar todas as <span> elementos que são descendentes de uma <ul> elemento.
Somente descendentes selecione com um determinado nome de classe
Como retornar elementos descendentes com o nome da classe "first" .
Retornar vários descendentes
Como retornar vários elementos descendentes.
Filtrar a pesquisa descendente com uma coleção jQuery de todos <ul> elementos
Como devolver tudo <span> elementos que são descendentes de uma <ul> elemento com um objeto jQuery.
Mostra os descendentes de um elemento por nomes de marcas
Uma demonstração que mostra que os descendentes de um <div> elemento realmente são.