jQuery で対象要素の存在を確かめる方法

2015/12/26JavaScriptjQuery

jQuery で $('#some-id') や $('.some-class') といった形で $() 関数を使ったときに対象要素の存在をチェックしたいケースがあります。

対象要素をチェックするには length プロパティを使うのがよさそうです。

var $textInputs = $('input[type="text"]');
if ($textInputs.length) {
  console.log('ページ内に text フィールドは存在します');
}
else {
  console.log('ページ内に text フィールドは存在しません');
}

参考

• javascript - How do you check if a selector matches something in jQuery? - Stack Overflow