Métodos de desplazamiento <jQuery
Ejemplo
Devolver todos los elementos anteriores de hermanos de cada <li> elemento con el nombre de la clase "start" :
$(document).ready(function(){
$("li.start").prevAll().css({"color": "red", "border": "2px
solid red"});
});
Resultado:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Inténtalo tú mismo " Definición y Uso
El prevAll() método devuelve todos los elementos hermano anterior del elemento seleccionado.
elementos relacionados son elementos que comparten el mismo padre.
El árbol DOM: Este método recorrer hacia atrás a lo largo de los hermanos de los elementos DOM.
métodos relacionados:
- prev() - devuelve el siguiente elemento hermano del elemento seleccionado
- prevUntil() - devuelve todos los siguientes elementos relacionados entre dos argumentos dados
Sintaxis
$(selector).prevAll( filter )
Parámetro | Descripción |
---|---|
filter | Opcional. Especifica una expresión selector para limitar la búsqueda a sus hermanos anteriores 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 anteriores.
Devolver varios hermanos
Cómo utilizar el parámetro de filtro para devolver todos los hermanos de un <h2> elemento que tiene los nombres de clase "first", "second" y "third" .
Seleccionar todos los elementos relacionados anteriores de un <p> elemento
Cómo seleccionar todos los elementos relacionados anteriores de un <p> elemento.
Seleccionar todo el hermano anterior <p> elementos de <div>
Cómo seleccionar todos secundario anterior <p> elementos de cada <div> elemento.