Método prevAll() de Navegación jQuery
Ejemplo
Ubica todos los div anteriores al último div y agregales la clase:
$("div:last").prevAll().addClass("before");
Definición y uso
prevAll() obtiene los elementos gemelos anteriores de cada elemento en la colección de elementos coincidentes, la filtración con selector es opcional.
Sintaxis
.prevAll(selector)
| Parámetro | Descripción |
|---|---|
| selector | Valor de cadena, que contiene la expresión del selector utilizada para coincidir con los elementos. |
Descripción detallada
Si se proporciona un objeto jQuery que representa una colección de elementos DOM, el método .prevAll() permite buscar estos elementos gemelos anteriores en el árbol DOM y construir un nuevo objeto jQuery con los elementos coincidentes.
Este método acepta una expresión de selector opcional, del mismo tipo que los parámetros que pasamos a la función $(). Si se aplica este selector, se filtrarán los elementos mediante la detección de si coinciden con el selector.
Piensa en esta página con una lista anidada básica:
<ul> <li>elemento de lista 1</li> <li>elemento de lista 2</li> <li class="third-item">elemento de lista 3</li> <li>elemento de lista 4</li> <li>elemento de lista 5</li> </ul>
Si comenzamos desde el tercer proyecto, podemos encontrar los elementos gemelos entre ellos:
$('li.third-item').prevAll().css('background-color', 'red');
El resultado de la llamada aquí es establecer el fondo de color rojo para el proyecto 2 y el proyecto 1. Debido a que no se ha aplicado la expresión del selector, estos elementos anteriores se convierten naturalmente en parte del objeto. Si se aplica un selector, se detectará si estos elementos coinciden con el selector antes de que se incluyan los elementos.
