jqueryで要素の内容が空かどうかを判断する方法

要素のコンテンツが空かどうかを判断するための Jquery メソッド: 1. [if(value.length == 0){}] メソッドを使用して、値が空の場合に操作を実行します; 2. [if を使用します。 (value! =''){}] メソッド、value が空でない場合に実行される操作。

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン この方法は、すべてのブランドのコンピューターに適しています。

要素のコンテンツが空かどうかを判断するための Jquery メソッド:

input は val();

var を使用します。 value = $('#test').val();

空かどうかの判断方法:

• if(value. length == 0){}値が空の場合に実行される操作

• if(value!=''){}値が空でない場合に実行操作

#jQuery はテキスト ボックスの内容が空でないことを検証します

#$.fn

## による拡張 jQuery メソッド#

/**
 * 校验文本是否为空
 * tips：提示信息
 * 使用方法：$("#id").validate("提示文本");
 * @itmyhome
 */
$.fn.validate = function(tips){
 
  if($(this).val() == "" || $.trim($(this).val()).length == 0){
    alert(tips + "不能为空！");
    throw SyntaxError(); //如果验证不通过，则不执行后面
  }
}

html 要素は html();

var 値 = $('#test').html();

## を使用します# 空かどうかの判断方法:

if(value.length == 0){

子ノードがあるかどうかも判断できるのでしょうか？ HTML の取得方法については、

$('#list').children().length === 0

Method 1<pre class="brush:php;toolbar:false">&lt;script type=&quot;text/javascript&quot; src=&quot;http://m.jb51.net/skin/mobile/js/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;div&gt;&lt;ul id=&quot;thelist2&quot;&gt; &lt;li&gt;&lt;a href=&quot;https://m.jb51.net/game/140209.html&quot;&gt;&lt;img src=&quot;//img.jbzj.com/do/uploads/litimg/140228/100331632c.jpg&quot;&gt;天天飞车航哥破解版&lt;/a&gt;&lt;em class=&quot;xj star5&quot;&gt;&lt;/em&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;https://m.jb51.net/game/143515.html&quot;&gt;&lt;img src=&quot;//img.jbzj.com/do/uploads/litimg/140314/0944332514F.jpg&quot;&gt; 节奏大师全P破解版&lt;/a&gt;&lt;em class=&quot;xj star6&quot;&gt;&lt;/em&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;https://m.jb51.net/game/207971.html&quot;&gt;&lt;img src=&quot;//img.jbzj.com/do/uploads/litimg/140821/11594R51423.gif&quot;&gt;海岛奇兵国服内购破解版&lt;/a&gt;&lt;em class=&quot;xj star5&quot;&gt;&lt;/em&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;https://m.jb51.net/game/144709.html&quot;&gt;&lt;img src=&quot;//img.jbzj.com/do/uploads/litimg/140318/161504236013.gif&quot;&gt;天天炫斗破解版&lt;/a&gt;&lt;em class=&quot;xj star5&quot;&gt;&lt;/em&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;https://m.jb51.net/game/80896.html&quot;&gt;&lt;img src=&quot;//img.jbzj.com/do/uploads/litimg/130503/1J21Va46.jpg&quot;&gt;完美女友完整版&lt;/a&gt;&lt;em class=&quot;xj star5&quot;&gt;&lt;/em&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div&gt;&lt;ul id=&quot;thelist3&quot;&gt;&lt;/ul&gt; &lt;script&gt; alert($(&amp;#39;#thelist2&amp;#39;).children().length) alert($(&amp;#39;#thelist3&amp;#39;).children().length) $thelist3 = $(&amp;#39;#thelist3&amp;#39;); if($thelist3.children().length==0){ //插入广告 } /* thel3con = $(&amp;#39;#thelist3&amp;#39;).html(); alert(thel3con.length); if(thel3con=&quot;&quot;){ alert(&quot;空&quot;); }else{ alert(&quot;非空&quot;); } */ &lt;/script&gt;</pre># を使用できます。 ## 方法 2.

String.prototype.isEmpty = function () {
 var s1 = this.replace(/[\r\n]/g, '').replace(/[ ]/g, ''),
   s2 = (s1 == '') ? true : false;
 return s2;
};
$list.html().isEmpty();
if( $("#list").html() === "" ){} 用三个等号更符合

関連する無料学習の推奨事項:

JavaScript

(ビデオ)

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