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

JavaScriptjQuery

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

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

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

参考


アバター
後藤隼人 ( ごとうはやと )

ソフトウェア開発やマーケティング支援などをしています。詳しくはこちら