ホームページ  >  記事  >  ウェブフロントエンド  >  jquery divが空かどうかを確認する方法

jquery divが空かどうかを確認する方法

藏色散人
藏色散人オリジナル
2021-01-25 09:54:422495ブラウズ

jquery div が空かどうかを確認する方法: 最初に jQuery.min.js を HTML ページに導入し、次に jQuery と searchNull.js を導入します。最後に、HTML ページ内の任意の div に id 属性を「no_content」として追加します。 」という判断を実現することができます。

jquery divが空かどうかを確認する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.2.6 バージョン、DELL G3 コンピューター。

推奨: jquery ビデオ チュートリアル

jQuery を使用して div が空かどうかを判断する方法

1. html ページ jQuery.min.js を導入します。バージョン 1.2 以降を使用するのが最適です

2. searchNull.js のコードは次のとおりです

function validate() {
   //var content = $("#content").html();
   var noContent = $("#no_content").html();
   // if (content == null || content.length == 0) {
   //     alert("content:" + conten);
   // }
   if (noContent == null || noContent.length == 0) {
      $("#no_content").append("<p>对不起,没有相关的查询结果</p>");
      alert("对不起,没有相关的查询结果");
       window.location.href=&#39;/Shop&#39;;
   }
}
 
window.onload = function () {
validate();
}

3. 使用方法は次のとおりです

最初に jQuery と searchNull .js を導入します

HTML ページの任意の div の no_content に id 属性を追加します

例:

<div id="no_content">
</div>

以上がjquery divが空かどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。