Método andSelf() da Navegação jQuery

Manual de Navegação jQuery

Exemplo

Encontra todos os div, e todos os parágrafos dentro deles, e adiciona duas classes a eles. Observe que, devido ao não uso de .andSelf(), o div não tem a cor de fundo amarela.

$("div").find("p").andSelf();.addClass("border");
$("div").find("p").addClass("background");

Experimente pessoalmente

Definição e uso

O método add() adiciona a coleção dos elementos anteriores na pilha à coleção atual.

Sintaxe

.andSelf();

Explicação detalhada

Pense nessa página com uma lista simples:

<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>

O resultado do código a seguir é que os itens 3, 4 e 5 têm o fundo vermelho:

$("li.third-item").nextAll().andSelf();
  .css("background-color", "red");

Experimente pessoalmente

Primeiro, o seletor inicial localizará o item 3, a pilha inicial contém apenas a coleção do item. A chamada de .nextAll() empurrará a coleção dos itens 4, 5 para a pilha. Finalmente, a chamada de .andSelf() combinará essas duas coleções, e o objeto jQuery criado apontará para todos os três itens em ordem de documento: {[<li.third-item>,<li>,<li> ]}。

Manual de Navegação jQuery