Método jQuery nextUntil()

❮ Métodos transversales de jQuery

Ejemplo

Devuelve todos los elementos hermanos entre dos elementos <li> con el nombre de clase "start" y "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")

Definición y uso

El método nextUntil() devuelve todos los siguientes elementos hermanos entre el selector y stop .

Los elementos hermanos son elementos que comparten el mismo padre.

El árbol DOM: este método avanza a lo largo de los hermanos de los elementos DOM.

Nota: si ambos parámetros están vacíos, este método devolverá todos los siguientes elementos hermanos (igual que el método nextAll() ).

Métodos relacionados:

  • next() - devuelve el siguiente elemento hermano del elemento seleccionado
  • nextAll() - devuelve todos los siguientes elementos hermanos del elemento seleccionado


Sintaxis

$(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.

Pruébelo usted mismo - Ejemplos


Use ambos parámetros para filtrar la búsqueda de los siguientes elementos hermanos entre dos argumentos.


Cómo devolver varios elementos hermanos entre dos argumentos.


Uso de un elemento DOM en lugar de un selector para devolver todos los elementos hermanos a dos argumentos dados.


Uso de un elemento DOM en lugar de un selector y ambos parámetros para filtrar la siguiente búsqueda de hermanos entre dos argumentos.


❮ Métodos transversales de jQuery