Método prev() de jQuery para la traversía
Ejemplo
Buscar cada párrafo y encontrar el hermano anterior del elemento con el nombre de clase "selected":
$("p").prev(".selected")
Definición y uso
prev() obtiene el hermano anterior adyacente de cada elemento en la colección de elementos coincidentes, la filtración por selector es opcional.
.prev(selector)
| Parámetro | Descripción |
|---|---|
| selector | Valor de cadena que contiene la expresión del selector utilizada para coincidir elementos. |
Descripción detallada
Si se proporciona un objeto jQuery que representa una colección de elementos DOM, el método .prev() permite buscar estos elementos en el árbol DOM para encontrar sus elementos hermanos anteriores, 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, los elementos se filtrarán 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 el elemento adyacente entre ellos:
$('li.third-item').prev().css('background-color', 'red');
El resultado de la llamada aquí es establecer el fondo del proyecto 2 en rojo. Dado que no se aplicó la expresión del selector, el elemento anterior se convirtió naturalmente en parte del objeto. Si se aplica un selector, se detectará si el elemento coincide con el selector antes de incluir el elemento.
