Heim  >  Artikel  >  Web-Frontend  >  So überprüfen Sie, ob ein Element in jquery leer ist

So überprüfen Sie, ob ein Element in jquery leer ist

coldplay.xixi
coldplay.xixiOriginal
2020-11-18 14:55:082114Durchsuche

Jquery-Methode zum Überprüfen, ob ein Element leer ist: 1. Verwenden Sie [val()], um die Eingabe zu beurteilen. Der Code lautet [var value = $('#test').val()] 2. Verwenden Sie [html( )] Um zu beurteilen, lautet der Code [var value = $('#test').html()].

So überprüfen Sie, ob ein Element in jquery leer ist

Die Betriebsumgebung dieses Tutorials: Windows10, jquery2.2.4, dieser Artikel gilt für alle Computermarken.

jquery-Methode, um zu überprüfen, ob ein Element leer ist:

input Verwenden Sie val();

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

So ermitteln Sie, ob es leer ist:

  • if(value.length == 0){} if value Operationen werden ausgeführt, wenn der Wert leer ist

  • if(value!=''){} Operationen werden ausgeführt, wenn der Wert nicht null ist

HTML-Element verwendet html();

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

So ermitteln Sie, ob es ist ist leer:

if(value.length == 0){

Sie können auch beurteilen, ob es untergeordnete Knoten gibt? Für HTML-Erfassungsmethoden können Sie

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

Methode 1

<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>

Methode 2 verwenden,

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() === "" ){} mit drei Gleichheitszeichen ist konsistenter

Verwandte kostenlose Lernempfehlungen: JavaScript(Video)

Das obige ist der detaillierte Inhalt vonSo überprüfen Sie, ob ein Element in jquery leer ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn