更新日: 2015年3月10日
jQuery & JavaScript

JavaScript/jQueryでDOM要素が存在するか確認する方法

JavaScript/jQuery で DOM を操作する中で、特定の要素が存在するかどうかチェックしたい機会があったので調べた。

【お知らせ】英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！

画像付き英語辞書 Imagict | 英単語をイメージで暗記
【開発記録】
英単語を画像イメージで暗記できる英語辞書サービスを作って公開しました

selector の DOM 要素が存在するかどうかを確認するコード

以下のようなチェック方法があるそうです。

if ( document.getElementById("selector") != null ) { console.log("exist!"); }

if ( $("selector")[0] ) { console.log("exist!"); }

if ( $("selector").get(0) ) { console.log("exist!"); }

if ( $("selector").length ) { console.log("exist!"); }

if ( $("selector").size() ) { console.log("exist!"); }

if ( $("selector").is('*') ) { console.log("exist!"); }