Exemplo
Retornar todos os elementos ancestrais entre <span> e <div> :
$(document).ready(function(){
$("span").parentsUntil("div").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 parentsUntil() método retorna todos os elementos ancestrais entre o seletor e stop.
Um antepassado é um pai, avô, bisavô, e assim por diante.
A árvore DOM: Este método percorrer para cima do elemento pai junto ancestrais de elementos DOM, todo o caminho até o elemento raiz do documento, até que ele atinja um elemento específico.
Nota: Se ambos os parâmetros estão vazias, este método retornará todos os elementos ancestrais (o mesmo que os parents() método).
métodos relacionados:
- parent() - retorna o elemento pai direto do elemento selecionado
- parents() - devolve todos os elementos ancestrais do elemento selecionado
- closest() - devolve o primeiro antepassado do elemento seleccionado
Sintaxe
$(selector).parentsUntil( stop,filter )| Parâmetro | Descrição |
|---|---|
| stop | Opcional. Uma expressão selector, elemento ou objeto jQuery indicando onde parar a busca de correspondência elementos ancestrais |
| filter | Opcional. Especifica uma expressão selector para refinar a busca por ancestrais entre selector e permanecer Nota: Para retornar vários antepassados, separe cada expressão com uma vírgula. |
Tente você mesmo - Exemplos
Reduzir a procura
Como usar ambos os parâmetros para filtrar a busca por um elemento específico entre <span> e <div> .
Retornar vários antepassados
Como retornar vários ancestrais entre <span> e <body> .
DOM
Retornar todos os ancestrais entre <span> e <div> usando um elemento DOM.
Usando um elemento DOM e uma expressão seletor para filtrar a pesquisa
Usando um elemento DOM para restringir a pesquisa ancestral para <ul> elementos entre <span> e <div> .