Métodos de desplazamiento <jQuery
Ejemplo
Devolver todos los elementos de hermanos de cada <li> elemento con class nombre de "start" :
$(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)
Inténtalo tú mismo " Definición y Uso
El siblings() método devuelve todos los elementos relacionados del elemento seleccionado.
elementos relacionados son elementos que comparten el mismo padre.
El árbol DOM: Este método recorrer hacia adelante y hacia atrás a lo largo de los hermanos de los elementos DOM.
Consejo: Utilice la prev() o next() método para limitar la búsqueda sólo para elementos relacionados anteriores o siguientes.
Sintaxis
$(selector).siblings( filter )| Parámetro | Descripción |
|---|---|
| filter | Opcional. Especifica una expresión de selección para restringir la búsqueda de elementos relacionados |
Inténtelo usted mismo - Ejemplos
Limitar la búsqueda
Cómo utilizar ambos parámetros para filtrar la búsqueda de elementos de hermanos.
Seleccionar todos los hermanos <p> elementos de cada <div> elemento
Cómo restringir la búsqueda a todos los hermanos <p> elementos de cada <div> elemento.