Comment déterminer si le contenu de l'élément est vide dans jquery

Cette fois, je vais vous expliquer jquery comment juger que le contenu de l'élément est vide. Quelles sont les précautions pour que jquery juge que le contenu de l'élément est vide. cas pratiques. Jetons un coup d'oeil.

L'utilisation de jquery pour obtenir le contenu d'un élément nécessite deux situations :

saisie à l'aide de val();

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

Méthode pour déterminer si elle est vide :

if(value.length == 0){} Opération effectuée si la valeur est vide

if ( value!=''){} Opérations effectuées si la valeur n'est pas vide

jQuery vérifie que le contenu de la zone de texte n'est pas vide

Méthode jQuery étendue via $.fn

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

élément html utilisez html();

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

est vide :

if(value.length == 0){

Vous pouvez également juger s'il y a des nœuds enfants ? Pour les méthodes d'acquisition HTML,

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

Méthode 1

<script type="text/javascript" src="http://m.jb51.net/skin/mobile/js/jquery.min.js"></script>
<p><ul id="thelist2">
<li><a href="https://m.jb51.net/game/140209.html"><img src="//files.jb51.net/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="//files.jb51.net/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="//files.jb51.net/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="//files.jb51.net/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="//files.jb51.net/do/uploads/litimg/130503/1J21Va46.jpg">完美女友完整版</a><em class="xj star5"></em></li>
</ul>
<p><ul id="thelist3"></ul>
<script>
alert($('#thelist2').children().length)
alert($('#thelist3').children().length)
$thelist3 = $('#thelist3');
if($thelist3.children().length==0){
//插入广告
}
/*
thel3con = $('#thelist3').html();
alert(thel3con.length);
if(thel3con=""){
alert("空");
}else{
alert("非空");
}
*/
</script>

Méthode 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() === "" ){} L'utilisation de trois signes égaux est plus cohérente avec

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Comment utiliser Vue pour implémenter un menu flottant/caché dans le coin supérieur droit de la page

Comment utiliser vue mint -ui tabbar (avec code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!