Método jQuery prevAll()
❮ Métodos transversales de jQuery
Ejemplo
Devuelve todos los elementos hermanos anteriores de cada elemento <li> con el nombre de clase "inicio":
$(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)
Definición y uso
El método prevAll() devuelve todos los elementos hermanos anteriores del elemento seleccionado.
Los elementos hermanos son elementos que comparten el mismo padre.
El árbol DOM: este método recorre hacia atrás a lo largo de los elementos hermanos de DOM.
Métodos relacionados:
- prev() - devuelve el siguiente elemento hermano del elemento seleccionado
- prevUntil() - devuelve todos los siguientes elementos hermanos entre dos argumentos dados
Sintaxis
$(selector).prevAll(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for previous siblings Note: To return multiple siblings, separate each expression with a comma. |
Pruébelo usted mismo - Ejemplos
Cómo filtrar la búsqueda de elementos hermanos anteriores.
Cómo usar el parámetro de filtro para devolver todos los hermanos de un elemento <h2> que tienen nombres de clase "primero", "segundo" y "tercero".
Cómo seleccionar todos los elementos hermanos anteriores de un elemento <p>.
Cómo seleccionar todos los elementos <p> hermanos anteriores de cada elemento <div>.
❮ Métodos transversales de jQuery