Exemplo
Retornar todos os elementos irmãos entre duas <li> elementos com o nome da classe "start" e "stop" :
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px
solid red"});
});
Resultado:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "stop")
Tente você mesmo " Definição e Uso
O nextUntil() método retorna todos os elementos próximo irmão entre o seletor e stop.
irmão elementos são elementos que compartilham o mesmo pai.
A árvore DOM: Este método atravessar a frente ao longo irmãos de elementos DOM.
Nota: Se ambos os parâmetros estão vazias, este método retornará todos os elementos irmãos próximos (o mesmo que o nextAll() método).
métodos relacionados:
- next() - retorna o próximo elemento irmão do elemento selecionado
- nextAll() - retorna todos os elementos irmãos próximos do elemento selecionado
Sintaxe
$(selector).nextUntil( stop,filter )| Parâmetro | Descrição |
|---|---|
| stop | Opcional. Uma expressão selector, elemento ou objeto jQuery indicando onde parar a procura para a próxima correspondência irmãos elementos |
| filter | Opcional. Especifica uma expressão selector para refinar a busca por elementos irmãos entre o selector e permanecer Nota: Para retornar vários irmãos, separe cada expressão com uma vírgula. |
Tente você mesmo - Exemplos
Reduzir a procura
Usando ambos os parâmetros para filtrar a pesquisa para a proxima elementos irmãos entre dois argumentos.
Retornar vários irmãos
Como retornar vários elementos irmãos entre dois argumentos.
DOM
Usando um elemento DOM em vez de um seletor para retornar todos os elementos irmãos dois argumentos dados.
Usando o DOM com ambos os parâmetros
Usando um elemento DOM em vez de um seletor e ambos os parâmetros para filtrar a próxima pesquisa irmão entre dois argumentos.