JQueryで要素が存在するかどうかを確認する方法-HTMLの知識-php.cn

ホームページ

毎日のプログラミング

HTMLの知識

JQueryで要素が存在するかどうかを確認する方法

藏色散人

Dec 13, 2018 pm 04:15 PM

JQuery は、要素が存在するかどうかを判断します。これを実現するには、jQuery .length プロパティを使用します。 DOM 内に特定の要素が存在するときにイベントがトリガーされる場合、jQuery .length プロパティを使用して要素が存在するかどうかを判断できます。

JQueryで要素が存在するかどうかを確認する方法

以下では、簡単なコード例を組み合わせて、要素が存在するかどうかを判断するための JQuery の具体的なメソッドを紹介します。

コード例は次のとおりです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery判断元素是否存在的示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
       $(function () {
           $("button").click(function () {
               if($("#myDiv").length) {
                   alert("元素已存在");
               }
                   else {
                       alert("元素不存在");
                   }

           });
       });
    </script>
</head>
<body>
</body>
<div id="myDiv"></div>
<p>点击下面的按钮检查元素</p>
<button>检查元素</button>
</html>

ログイン後にコピー

上記のコードでは、ボタンボタンがクリックされると、要素を判定するメソッドがトリガーされます。指定した div が存在する場合は、「要素はすでに存在します」というプロンプトが表示され、存在しない場合は「要素が存在しません」というプロンプトが表示されます。

判定結果は以下の通りです。

divがある場合、ボタンをクリックすると以下の図が表示されます。

JQueryで要素が存在するかどうかを確認する方法