勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

jQueryにて特定のIDが存在するかチェックし分岐処理する方法

  jQuery JavaScript

jQueryにて特定のIDが存在するかチェックし分岐処理したいというケースがあった。ClassであればhasClass()を使うんだけどIDの場合はどうしたらいいのか知らなかったので調べた結果をメモ。

 

対応方法

ソースコード

<div id="test_area">
    <button id="test_btn">button</button>
</div>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(function(){
    if( $(`#test_btn`).length ){
        console.log(`存在します。`);
    }else{
        console.log(`存在しません。`);
    }
});
</script>

 

リファレンス

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/length

 - jQuery JavaScript

  関連記事

jQueryプラグインの作成
jQueryプラグインの作成

面白そうだったのでメモ。 ■参考サイト http://www.entacl.in ...

要素の表示or非表示
要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...

JavaScript / jQueryで〇番目、最初、最後の要素を指定する方法
JavaScript / jQueryで〇番目、最初、最後の要素を指定する方法

jQueryでリストタグ(<li>)の〇番目、最初、最後の要素を指定 ...

jQueryにて複数のajax処理のレスポンスをまとめて表示する方法
jQueryにて複数のajax処理のレスポンスをまとめて表示する方法

同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...

summernote(WYSIWYGエディタ)の設置方法と日本語化対応
summernote(WYSIWYGエディタ)の設置方法と日本語化対応

あるシステムにWYSIWYGエディタを実装したかった。以前にメモしたCKEdit ...