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