jquery에서 요소 내용이 비어 있는지 확인하는 방법

이번에는 jquery요소 내용이 비어 있는지 확인하는 방법을 알려 드리겠습니다. jquery에서 요소 내용이 비어 있다고 판단할 때의 주의 사항은 무엇인가요?

jquery를 사용하여 요소 콘텐츠를 얻으려면 두 가지 상황이 필요합니다.

val()을 사용하여 입력;

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

이 비어 있는지 판단하는 방법:

if(value.length == 0){} 값이 비어 있으면 수행되는 작업

if(value!=''){} 값이 비어 있지 않으면 수행되는 작업

jQuery는 텍스트 상자 내용이 비어 있지 않은지 확인합니다

$.fn

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

html 요소를 통해 jQuery 메소드 확장html();

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

이 비어 있는지 확인하는 메소드:

if(value.length == 0){

자식 노드가 있는지도 판단할 수 있나요? HTML 획득 방법의 경우

$('#list').children().length === 0을 사용할 수 있습니다.

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

방법 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() === "" ){} 세 개의 등호를 사용하는 것이 더 일관성이 있습니다

사례를 읽어보셨을 것 같습니다 이 기사에서 방법을 익힌 후에는 PHP 중국어 웹사이트의 다른 관련 기사를 주의 깊게 살펴보고 더 흥미로운 내용을 확인하세요!

추천 도서:

Vue를 사용하여 페이지 오른쪽 상단에 부동/숨겨진 메뉴를 구현하는 방법

vue mint-ui 탭바 사용 방법(코드 포함)

위 내용은 jquery에서 요소 내용이 비어 있는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!