jqueryでエラー処理用に任意の要素を存在チェックしたい！のメモ

html

<div id='hogehoge'>hogehoge</div>

js

if($("#hoge")){
  //$("#hoge")が存在するときの処理
}

上記だと$(‘#hoge’)が存在しないにも拘らず、tureに入っちゃって、エラー処理にならない。
どうしたもんかと思ってjQuery 日本語リファレンスをチェック。
見つけたのが以下。

if($("#hoge").size() > 0){
  //$("#hoge")が存在するときの処理
}

.size() はjQueryオブジェクトのエレメント数を返す。 返される値はjQueryオブジェクトのlengthプロパティと同じである。との事なので、lengthチェックする事で、意図した通りの動きしてくれる。

if($("#hoge").size() === 0){
  //$("#hoge")が存在しないときの処理
}

上記で存在しない時の処理もOK。
最終的には以下の感じ

if($("#hoge").size() > 0){
  //$("#hoge")が存在するときの処理
}else{
  //$("#hoge")が存在しないときの処理
}

— written by device302