Métodos de desplazamiento <jQuery
Ejemplo
Devolver el siguiente elemento de hermanos de cada <li> elemento con el nombre de la clase "start" :
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px
solid red"});
});
Resultado:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Inténtalo tú mismo " Definición y Uso
El next() método devuelve el siguiente elemento hermano del elemento seleccionado.
elementos relacionados son elementos que comparten el mismo padre.
El árbol DOM: Este método recorrer hacia adelante a lo largo del siguiente hermano de elementos DOM.
métodos relacionados:
- nextAll() - devuelve todos los siguientes elementos relacionados del elemento seleccionado
- nextUntil() - devuelve todos los siguientes elementos relacionados entre dos argumentos dados
Sintaxis
$(selector).next( filter )| Parámetro | Descripción |
|---|---|
| filter | Opcional. Especifica una expresión de selección para restringir la búsqueda siguiente hermano |
Inténtelo usted mismo - Ejemplos
Seleccione el siguiente hermano de cada <div> elemento
Cómo seleccionar el siguiente elemento hermano de cada <div> elemento.
Limitar la búsqueda
¿Cómo seleccionar el siguiente hermano <p> elemento de cada <div> elemento.