Método jQuery next()
❮ Métodos transversales de jQuery
Ejemplo
Devuelve el siguiente elemento hermano de cada elemento <li> con el nombre de clase "inicio":
$(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)
Definición y uso
El método next() devuelve el siguiente elemento hermano del elemento seleccionado.
Los elementos hermanos son elementos que comparten el mismo padre.
El árbol DOM: este método avanza a lo largo del siguiente hermano de los elementos DOM.
Métodos relacionados:
- nextAll() - devuelve todos los siguientes elementos hermanos del elemento seleccionado
- nextUntil() - devuelve todos los siguientes elementos hermanos entre dos argumentos dados
Sintaxis
$(selector).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Pruébelo usted mismo - Ejemplos
Cómo seleccionar el siguiente elemento hermano de cada elemento <div>.
Cómo seleccionar el siguiente elemento hermano <p> de cada elemento <div>.
❮ Métodos transversales de jQuery