Método nextUntil() de jQuery para el bucle
Ejemplo
Buscar los elementos hermanos posteriores al <dt id="term-2"> hasta el siguiente <dt>, y establecerlos con un fondo de color rojo. Al mismo tiempo, encontrar los elementos hermanos <dd> posteriores al <dt id="term-1"> hasta <dt id="term-3">, y establecerles el color de texto azul.
$("#term-2").nextUntil("dt").css("background-color", "red");
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "blue");
Definición y uso
nextUntil() obtiene todos los elementos hermanos posteriores de cada elemento, pero no incluye los elementos coincidentes con el selector, el nodo DOM o el objeto jQuery transmitido.
Sintaxis 1
.nextUntil(selector,filter)
| Parámetros | Descripción |
|---|---|
| selector | Valor de cadena que contiene la expresión de selector que indica dónde debe detenerse la coincidencia de los hermanos posteriores. |
| filter | Valor de cadena que contiene la expresión de selector utilizada para coincidir con los elementos. |
Sintaxis 2
.nextUntil(element,filter)
| Parámetros | Descripción |
|---|---|
| element | Indica el nodo DOM o el objeto jQuery en el que debe detenerse la coincidencia de los hermanos posteriores. |
| filter | Valor de cadena que contiene la expresión de selector utilizada para coincidir con los elementos. |
Explicación detallada
Si se proporciona un objeto jQuery que representa una colección de elementos DOM, el método .nextUntil() nos permite buscar elementos hermanos posteriores en el árbol DOM, deteniéndose cuando se encuentra un elemento que coincide con los parámetros del método. El nuevo objeto jQuery que se devuelve contiene todos los elementos hermanos posteriores, pero no los elementos coincidentes con el parámetro.
Si el selector no coincide o no se especifica un selector, se seleccionarán todos los hermanos posteriores; si no se proporciona un selector para filtrar, los elementos seleccionados por este método son los mismos que los seleccionados por .nextAll().
Para jQuery 1.6, se puede pasar un nodo DOM o un objeto jQuery a .nextUntil() en lugar de un selector.
Este método acepta una expresión de selector opcional como su segundo parámetro. Si se especifica este parámetro, se filtrarán los elementos mediante la detección de si coinciden con el selector.
