jqueryで要素の内容が空かどうかを判断する方法-jsチュートリアル-php.cn

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

coldplay.xixi

リリース： 2020-11-30 15:10:32

オリジナル

2684 人が閲覧しました

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

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

このチュートリアルの動作環境: 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<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script type="text/javascript" src="http://m.jb51.net/skin/mobile/js/jquery.min.js"></script> <div><ul id="thelist2"> <li><a href="https://m.jb51.net/game/140209.html"><img src="//img.jbzj.com/do/uploads/litimg/140228/100331632c.jpg">天天飞车航哥破解版</a><em class="xj star5"></em></li> <li><a href="https://m.jb51.net/game/143515.html"><img src="//img.jbzj.com/do/uploads/litimg/140314/0944332514F.jpg"> 节奏大师全P破解版</a><em class="xj star6"></em></li> <li><a href="https://m.jb51.net/game/207971.html"><img src="//img.jbzj.com/do/uploads/litimg/140821/11594R51423.gif">海岛奇兵国服内购破解版</a><em class="xj star5"></em></li> <li><a href="https://m.jb51.net/game/144709.html"><img src="//img.jbzj.com/do/uploads/litimg/140318/161504236013.gif">天天炫斗破解版</a><em class="xj star5"></em></li> <li><a href="https://m.jb51.net/game/80896.html"><img src="//img.jbzj.com/do/uploads/litimg/130503/1J21Va46.jpg">完美女友完整版</a><em class="xj star5"></em></li> </ul> <div><ul id="thelist3"></ul> <script> alert($(&#39;#thelist2&#39;).children().length) alert($(&#39;#thelist3&#39;).children().length) $thelist3 = $(&#39;#thelist3&#39;); if($thelist3.children().length==0){ //插入广告 } /* thel3con = $(&#39;#thelist3&#39;).html(); alert(thel3con.length); if(thel3con=""){ alert("空"); }else{ alert("非空"); } */ </script></pre><div class="contentsignin">ログイン後にコピー</div></div># を使用できます。 ## 方法 2.

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 中国語 Web サイトの他の関連記事を参照してください。