jquery détermine si le contenu de l'élément existe

Cette fois, je vais vous apporter jquery pour déterminer si le contenu de l'élément existe. Quelles sont les précautions pour que jquery détermine si le contenu de l'élément existe. , jetons un coup d'oeil.

L'entrée utilise val();

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

pour déterminer s'il s'agit Méthode vide :

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

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

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

Étendre la méthode jQuery via $.fn

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

html element Use html();

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

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 :

Explication détaillée des étapes d'utilisation du composant de sélection de région de vue

Explication détaillée des étapes pour utiliser le composant vue mint-ui tabbar

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!