foto de Jaison Schmidt

Jaison Schmidt

icone facebookicone instagramicone Linkedinicone github
Fone: (54) 9 9977 66 48
E-mail: eu@jaison.com.br
Passo Fundo - RS
Voltar

Dica jQuery - Utilizando closest() em jQuery

imagem principal do post Dica jQuery - Utilizando closest() em jQuery

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!

Voltar