jquery如何判斷元素內容是否為空

jquery判斷元素內容是否為空的方法：1、使用【if(value.length == 0){}】方法，如果value為空執行的操作；2、使用【if(value! =''){}】方法，如果value不為空執行的操作。

本教學操作環境：windows7系統、jquery3.2.1版本，此方法適用於所有品牌電腦。

jquery判斷元素內容是否為空的方法：

##input 用val();

##var value = $('#test').val();

是否為空的判斷方法：

##if(value.length == 0){}
• 如果value為空執行的運算

if(value!=''){}
• 如果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 value = $('#test').html();

##是否為空的判斷方法：

if(value.length == 0){

 也可以透過判斷是說有沒有子節點？對於html取得的方法可用

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

方法一<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>方法二、

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中文網其他相關文章！