ホームページ > ウェブフロントエンド > フロントエンドQ&A > jqueryで指定したhtml要素が存在するか調べる方法

jqueryで指定したhtml要素が存在するか調べる方法

WBOY
リリース: 2022-06-02 10:33:33
オリジナル
2110 人が閲覧しました

JQuery では、length 属性を指定した「if else」ステートメントを使用して、指定された HTML 要素が存在するかどうかを確認できます。構文は「if (指定された HTML 要素 object.length > 0) {element contains」です。指定されたコード; }else{指定されたコードの要素は存在しません;}"。

jqueryで指定したhtml要素が存在するか調べる方法

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery は、指定された HTML 要素が存在するかどうかを確認します。

jQuery の length 属性を使用して、ID が存在するかどうかを判断できます。

length 属性には、jQuery 内の要素の数が含まれます。物体。

文法

$(selector).length
ログイン後にコピー

例は次のとおりです:

html コードは次のとおりです:

<script src="hjs/jquery.min.js"></script>
<p id="myElement">
</p>
ログイン後にコピー

jquery コードは次のとおりです:

if ($(&#39;#myElement&#39;).length > 0) { 
// 存在
    document.write("id 为 myElement 元素存在");
} else {
document.write("id 为 myElement 元素不存在");
}
document.write("<br>");
if ($(&#39;#xxx&#39;).length > 0) { 
// 存在
    document.write("id 为 xxx 元素存在");
} else {
document.write("id 为 xxx 元素不存在");
}
ログイン後にコピー

出力結果は次のようになります:

jqueryで指定したhtml要素が存在するか調べる方法

ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjqueryで指定したhtml要素が存在するか調べる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート