Método jQuery find()
❮ Métodos de travessia do jQuery
Exemplo
Retorna todos os elementos <span> 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)
Definição e uso
O método find() retorna elementos descendentes do elemento selecionado.
Um descendente é um filho, neto, bisneto e assim por diante.
A árvore DOM: Este método percorre os descendentes dos elementos DOM até o último descendente. Para percorrer apenas um único nível na árvore DOM (para retornar filhos diretos), use o método children() .
Nota: O parâmetro filter é necessário para o método find(), ao contrário do resto dos métodos de travessia da árvore.
Dica: Para retornar todos os elementos descendentes, use o seletor "*".
Sintaxe
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
Experimente você mesmo - Exemplos
Usando o seletor "*" para retornar todos os elementos que são descendentes de <html>.
Como retornar todos os elementos <span> que são descendentes de um elemento <ul>.
de classe Como retornar elementos descendentes com nome de classe "first".
Como retornar vários elementos descendentes.
Como retornar todos os elementos <span> que são descendentes de um elemento <ul> com um objeto jQuery.
Uma demonstração que mostra quem são os descendentes de um elemento <div>.
❮ Métodos de travessia do jQuery