Método jQuery pai()
❮ Métodos de travessia do jQuery
Exemplo
Retorne o elemento pai direto de <span>:
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px solid red"});
});
Resultado:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Definição e uso
O método parent() retorna o elemento pai direto do elemento selecionado.
A árvore DOM: Este método percorre apenas um único nível na árvore DOM. Para percorrer todo o caminho até o elemento raiz do documento (para retornar avós ou outros ancestrais), use o método pais() ou paisUntil() .
Dica: Para percorrer um único nível abaixo da árvore DOM, ou até o último descendente (para retornar filhos ou outros descendentes), use o método children() ou find() .
Sintaxe
$(selector).parent(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the parent search |
Experimente você mesmo - Exemplos
Como retornar o pai direto de cada elemento <span>.
Como usar o parâmetro filter para retornar o elemento pai <li> com o nome da classe "first" de cada <span>.
Como retornar todo o elemento <div> pai direto de cada elemento <p>.
Uma demonstração que mostra quem são os ancestrais de um elemento <span>.
❮ Métodos de travessia do jQuery