ページ要素が存在するかどうかを判断するための jQuery コード

ページ要素が存在するかどうかを判断するための jQuery コード_jquery

WBOY

リリース： 2016-05-16 18:48:08

オリジナル

949 人が閲覧しました

例:

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

document.getElementById("someID ").innerText ("hi");

ID が "someID" の要素が存在しない場合、JavaScript 実行エラーが発生します: document.getElementById("someID") is null
正しい書き方は次のとおりです:

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

obj = document.getElementById("someID") ; 
if (obj){ 
obj.innerText("hi"); 

jQuery では、ページ要素が存在するかどうかをどのように判断するのでしょうか?上記の従来の Javascript 記述方法を参照する場合、最初に考える方法は次のとおりです。

コードをコピーコードは次のとおりです。次のように:

if ($("#someID")){ 
$("#someID").text("hi"); >
しかし、これを書くのは間違っています! jQuery オブジェクトには常に戻り値があるため、$("someID") は常に TRUE となり、IF ステートメントは判断の役割を果たしません。正しい書き方は次のようになります: 

コードをコピー

コードは次のとおりです: if ( $("# someID").length > 0 ) { $("#someID").text("hi");

}

注:ページ要素が存在するかどうかを判断する いいえ、実際には jQuery では必要ありません。jQuery 自体は、存在しない要素に対する操作を無視し、エラーを報告しません。 

コードをコピー

コードは次のとおりです。$(document).ready(function( ){ var value=$('#btn_delXml').length;

if(value>0)

{ 
alert('Extsts'); 
else 
{ 
alert('not Extsts'); 
} 
}) 

 

以下は同様ですが、いくつかのテキスト命令です。 
 は、この時点で、ページにロードされたコンテンツに基づいてさまざまな操作を実行する必要があります。このとき、この要素 (またはオブジェクト) がページ上に存在するかどうかを判断することが特に重要になります。 JavaScriptを書いて実装すると面倒ですが、jQueryなら簡単に実装できます。 
jQuery セレクターがページの要素を取得すると、要素が存在するかどうかに関係なく、オブジェクトを返すことがわかっています。例: 

var my_element = $("#element_Id" )
このときの変数 my_element はオブジェクトなので、このオブジェクトは属性 length を持ちます。要素 (object ) が存在するかどうかを確認するには:

コードをコピー

コードは次のとおりです: if(my_element.length>0) { alter("要素が存在します。"); }else{ alter("要素が見つかりません")