Método jQuery hermanos()
❮ Métodos transversales de jQuery
Ejemplo
Devuelve todos los elementos hermanos de cada elemento <li> con el nombre de clase "inicio":
$(document).ready(function(){
$("li.start").siblings().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 brothers() devuelve todos los elementos hermanos del elemento seleccionado.
Los elementos hermanos son elementos que comparten el mismo padre.
El árbol DOM: este método atraviesa hacia adelante y hacia atrás a lo largo de los elementos hermanos de DOM.
Sugerencia: use el método prev() o next() para reducir la búsqueda de elementos hermanos anteriores o siguientes.
Sintaxis
$(selector).siblings(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
Pruébelo usted mismo - Ejemplos
Cómo utilizar ambos parámetros para filtrar la búsqueda de elementos hermanos.
Cómo restringir la búsqueda de todos los elementos hermanos <p> de cada elemento <div>.
❮ Métodos transversales de jQuery