Método prevAll() da iteração jQuery
Exemplo
Localize todos os divs antes do último div e adicione a classe para eles:
$("div:last").prevAll().addClass("before");
Definição e uso
prevAll() obtém os elementos irmãos anteriores de cada elemento na coleção de elementos correspondentes, a triagem usando o seletor é opcional.
Sintaxe
.prevAll(selector)
| Parâmetro | Descrição |
|---|---|
| selector | Valor de string, contendo a expressão do seletor usada para combinar elementos. |
Explicação detalhada
Se fornecermos um objeto jQuery que representa uma coleção de elementos DOM, o método .prevAll() permite-nos procurar os elementos irmãos anteriores desses elementos no árvore DOM e construir um novo objeto jQuery com os elementos correspondentes.
Este método aceita uma expressão de seletor opcional, do tipo de parâmetro que passamos para a função $(). Se aplicarmos este seletor, faremos a triagem dos elementos através da verificação de se eles correspondem ao seletor.
Pense nessa página com uma lista aninhada básica:
<ul> <li>item da lista 1</li> <li>item da lista 2</li> <li class="third-item">item da lista 3</li> <li>item da lista 4</li> <li>item da lista 5</li> </ul>
Se começarmos a partir do terceiro item, podemos encontrar os elementos irmãos entre eles:
$('li.third-item').prevAll().css('background-color', 'red');
O resultado da chamada aqui é definir o background-color dos itens 2 e 1 como vermelho. Como não aplicamos a expressão do seletor, esses elementos anteriores naturalmente se tornaram parte do objeto. Se aplicamos o seletor, verificaremos se esses elementos correspondem ao seletor antes de incluir os elementos.
