Los últimos tutoriales de desarrollo web
 

jQuery nextUntil() Method

Métodos de desplazamiento <jQuery

Ejemplo

Devolver todos los elementos de hermanos entre dos <li> elementos con 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")
Inténtalo tú mismo "

Definición y Uso

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

elementos relacionados son elementos que comparten el mismo padre.

El árbol DOM: Este método recorrer hacia adelante a lo largo de los hermanos de los elementos DOM.

Nota: Si ambos parámetros están vacías, este método devolverá todos los elementos relacionados próximos (igual que el nextAll() método).

métodos relacionados:

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

Sintaxis

$(selector).nextUntil( stop,filter )

Parámetro Descripción
stop Opcional. Un selector de expresión, elemento u objeto jQuery que indica dónde parar la búsqueda de elementos que coinciden con los hermanos próximo
filter Opcional. Especifica una expresión de selección para restringir la búsqueda de elementos de hermanos entre el selector y parada

Nota: Para volver hermanos múltiples, separe cada expresión con una coma.

Inténtelo usted mismo - Ejemplos

Limitar la búsqueda
El uso de ambos parámetros para filtrar la búsqueda de los siguientes elementos relacionados entre dos argumentos.

Devolver varios hermanos
Cómo devolver varios elementos relacionados entre dos argumentos.

DOM
El uso de un elemento DOM en lugar de un selector para volver todos los elementos de hermanos dos argumentos dados.

Usando el DOM con ambos parámetros
El 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 de desplazamiento <jQuery