Dica jQuery - Utilizando closest() em jQuery

por jaison em 18/09/2015, 4:11 am

Dica de jQuery - Utilizando closest() para pegar elementos acima do elemento selecionado

Imagine o seguinte cenário: você possui um elemento HTML e precisa varrer toda a árvore DOM de elementos até chegar o elemento de topo, ou seja, você vai varrer a árvore de elementos DOM “para cima”.

Neste sentido surge o closest() que tem por finalidade varrer a árvore elementos DOM até encontrar um elemento ancestral que se adeque ao seletor informado. Pense na seguinte estrutura:

<div id="queroeste">
<div>
<div>
<div id="estouaqui">Olá!</div>
</div>
</div>
</div>

Ou seja, você possui o elemento $(“#estouaqui”) e quer pegar o elemento $(“#queroeste”). Você pode utilizar o parent() mas este tem por finalidade pegar o elemento pai do $(“estouaqui”).

A seguinte expressão vai retornar para nós o $(“#queroeste”):

$("#estouaqui").closest("#queroeste");

Simples não? “Bla bla bla eu faria de outro jeito”, claro que sempre existem outras formas de se obter o mesmo resultado, estou mostrando uma delas!

Abraço a todos!

 

Desenvolvido por Webb House