勉強したことのメモ

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.cookie.jsで「$.cookie is not a function」エラー
jquery.cookie.jsで「$.cookie is not a function」エラー

フロントエンド側でCookieを利用したい場合jquery-cookieを用いる ...

jQueryでUNIXタイムスタンプの取得
jQueryでUNIXタイムスタンプの取得

jQueryでUNIXタイムスタンプを取得したい場合、 $.now()だけで取得 ...

「slick」でスライダー中央の下部にのみ指定したコンテンツを表示する方法
「slick」でスライダー中央の下部にのみ指定したコンテンツを表示する方法

「slick」でスライダー画像の下部に何らかのコンテンツ(テキスト・リンク・別画 ...

FormDataを使ったAjax通信がiPhoneのみエラー
FormDataを使ったAjax通信がiPhoneのみエラー

FormDataオブジェクトを使用したAjax通信するシステムがあり、PCやAn ...

指定した要素に注釈を設定できる「Chardin.js」プラグインの利用方法
指定した要素に注釈を設定できる「Chardin.js」プラグインの利用方法

指定した要素に注釈を入れることができるjQueryプラグイン「Chardin.j ...