首頁 > web前端 > js教程 > jquery如何判斷元素內容是否為空

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

coldplay.xixi
發布: 2020-11-30 15:10:32
原創
2707 人瀏覽過

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

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

本教學操作環境: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 

方法一<div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">登入後複製</div></div>方法二、

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

相關免費學習推薦:

JavaScript

(影片)

以上是jquery如何判斷元素內容是否為空的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板