Método jQuery prevAll()
❮ Métodos de travessia do jQuery
Exemplo
Retorne todos os elementos irmãos anteriores de cada elemento <li> com o nome de classe "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)
Definição e uso
O método prevAll() retorna todos os elementos irmãos anteriores do elemento selecionado.
Elementos irmãos são elementos que compartilham o mesmo pai.
A árvore DOM: Este método percorre para trás ao longo dos irmãos dos elementos DOM.
Métodos relacionados:
- prev() - retorna o próximo elemento irmão do elemento selecionado
- prevUntil() - retorna todos os próximos elementos irmãos entre dois argumentos fornecidos
Sintaxe
$(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. |
Experimente você mesmo - Exemplos
Como filtrar a pesquisa por elementos irmãos anteriores.
Como usar o parâmetro filter para retornar todos os irmãos de um elemento <h2> que tenham nomes de classe "primeiro", "segundo" e "terceiro".
Como selecionar todos os elementos irmãos anteriores de um elemento <p>.
Como selecionar todos os elementos irmãos <p> anteriores de cada elemento <div>.
❮ Métodos de travessia do jQuery