Home » HTML, CSS e Javascript » Verificar se um id existe com JQuery

2

Muitas vezes utilizamos o JQuery para facilitar a manipulação do DOM de nosso documento HTML. Um dos recursos do JQuery é selecionar um elemento através do seu ID. Assim podemos trabalhar mais facilmente com o elemento capturado.

Vamos pegar como base o exemplo abaixo de um trecho de código HTML simples.

Mas como verificar se um determinado elemento existe verificando se existe este ID? No JQuery para você recuperar um elemento pelo ID você usa o recurso $(“#nome_id”) e este retorna um array. Com isso podemos verificar com o método length do javascript nativo. Veja um exemplo:

Com isso você pode verificar antes se um determinado elemento existe no seu HTML antes de adicionar um evento nele.

Você não está utilizando JQuery? Não tem problema, uma forma de fazer a mesma verificação com javascript puro é:

Uma forma mais elegante seria criar um plugin simples para adicionar este recurso em sua biblioteca de ferramentas. Para isso você poderia criar um mini plugin assim:

É isso ai pessoal, esta foi uma pequena dica para quem usa JQuery. Em breve muitos outros artigos deste no blog.

Cadastre seu e-mail para receber as novidades do blog

2 Comentários

  1. Felipe disse:

    Parabéns!! Muito bom artigo ;-)

  2. thais disse:

    Muito bom! Obrigada

Deixe um comentário