Exemplo
Retorna 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
Tente você mesmo " Definição e Uso
O parent() retorna o elemento pai direto do elemento selecionado.
A árvore DOM: Este método só atravessar um único nível acima da árvore DOM. Para percorrer todo o caminho até o elemento raiz do documento (para retornar avós ou outros antepassados), use os parents() ou o parentsUntil () método.
Dica: Para percorrer um único nível para baixo da árvore DOM, ou todo o caminho até o último descendente (para retornar filhos ou outros descendentes), use as children() ou find() método.
Sintaxe
$(selector).parent( filter )| Parâmetro | Descrição |
|---|---|
| filter | Opcional. Especifica uma expressão seletor para diminuir a procura dos pais |
Tente você mesmo - Exemplos
Devolver o pai direto de cada <span> elemento
Como devolver o pai direto de cada <span> elemento.
Reduzir a procura
Como usar o parâmetro de filtro para retornar o pai <li> elemento com o nome da classe "first" de cada <span> .
Devolver o pai direto <div> elemento de cada <p> elemento
Como retornar toda a controladora direta <div> elemento de cada <p> elemento.
Mostrar os elementos ancestrais de um elemento por nomes de marcas
Uma demonstração que mostra que os ancestrais de uma <span> elemento realmente são.