Método jQuery nextUntil()

❮ Métodos de travessia do jQuery

Exemplo

Retorne todos os elementos irmãos entre dois elementos <li> com o nome de 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")

Definição e uso

O método nextUntil() retorna todos os próximos elementos irmãos entre o seletor e stop .

Elementos irmãos são elementos que compartilham o mesmo pai.

A árvore DOM: Este método percorre os irmãos dos elementos DOM.

Nota: Se ambos os parâmetros estiverem vazios, este método retornará todos os próximos elementos irmãos (o mesmo que o método nextAll() ).

Métodos relacionados:

  • next() - retorna o próximo elemento irmão do elemento selecionado
  • nextAll() - retorna todos os próximos elementos irmãos do elemento selecionado


Sintaxe

$(selector).nextUntil(stop,filter)

Parameter Description
stop Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements
filter Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop

Note: To return multiple siblings, separate each expression with a comma.

Experimente você mesmo - Exemplos


Usando ambos os parâmetros para filtrar a pesquisa pelos próximos elementos irmãos entre dois argumentos.


Como retornar vários elementos irmãos entre dois argumentos.


Usando um elemento DOM em vez de um seletor para retornar todos os elementos irmãos dois argumentos fornecidos.


Usando um elemento DOM em vez de um seletor e ambos os parâmetros para filtrar a próxima pesquisa entre dois argumentos.


❮ Métodos de travessia do jQuery