Métodos de desplazamiento <jQuery
Ejemplo
Devolver todos los siguientes elementos relacionados de cada <li> elemento con el nombre de la clase "start" :
$(document).ready(function(){
$("li.start").nextAll().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)
Inténtalo tú mismo " Definición y Uso
El nextAll() método devuelve todos los siguientes elementos relacionados del elemento seleccionado.
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.
métodos relacionados:
- next() - Devuelve el siguiente elemento hermano del elemento seleccionado
- nextUntil() - devuelve todos los siguientes elementos relacionados entre dos argumentos dados
Sintaxis
$(selector).nextAll( filter )
Parámetro | Descripción |
---|---|
filter | Opcional. Especifica una expresión selector para limitar la búsqueda para los próximos hermanos Nota: Para volver hermanos múltiples, separe cada expresión con una coma. |
Inténtelo usted mismo - Ejemplos
Limitar la búsqueda
Cómo filtrar la búsqueda de elementos relacionados próximos.
Devolver varios hermanos
Utilizando el parámetro de filtro para obtener todos los hermanos de un <h2> elemento que tienen nombres de clase "first", "second" y "third" .
Seleccionar todos los siguientes elementos relacionados de un <p> elemento
¿Cómo seleccionar todos los siguientes elementos relacionados de un <p> elemento.
Seleccionar todo el siguiente hermano <p> elementos de <div>
Cómo seleccionar todos siguiente hermano <p> elementos de cada <div> elemento.