Método parents

O método parents obtém todos os elementos pais de um elemento - não apenas o pai direto, mas também o avô, bisavô e assim por diante até o elemento raiz (ou seja, até a tag html).

Sintaxe

Obtendo todos os elementos pais para os elementos:

javascript.parents();

Também é possível selecionar os elementos pais, apenas se eles atenderem ao seletor especificado:

javascript.parents(seletor);

Exemplo

Vamos encontrar o elemento #test, depois encontrar todos os seus elementos pais usando parents e, se forem elementos pais div com a classe www, adicionar o texto '!' no início deles usando prepend:

html<div>
  <div class="www">
    <div class="www">
      <p id="test">texto</p>
    </div>
  </div>
</div>

javascript$('#test').parents('div.www').prepend('!');

O código HTML ficará assim:

html<div>
  <div class="www">
    !
    <div class="www">
      !<p id="test">texto</p>
    </div>
  </div>
</div>

Veja também

método parent,
que permite obter o pai direto do elemento
método parentsUntil,
que permite obter todos os elementos pais do elemento até o elemento pai especificado
método closest,
que permite obter o elemento pai mais próximo que atende ao seletor
método contents,
que permite obter os elementos descendentes e o texto dentro desse elemento