[原创]jquery判断元素内容是否为空的方法


Posted in jQuery onMay 04, 2018

用jquery获取元素内容需要分两个情况:

input 用val();

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

是否为空的判断方法:

if(value.length == 0){} 如果value为空执行的操作

if(value!=''){} 如果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 value = $('#test').html();

是否为空的判断方法:

if(value.length == 0){

 也可以通过判断是说有没有子节点?对于html获取的方法可用

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

方法一

<script type="text/javascript" src="http://m.3water.com/skin/mobile/js/jquery.min.js"></script>
<div><ul id="thelist2">
<li><a href="https://m.3water.com/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.3water.com/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.3water.com/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.3water.com/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.3water.com/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($('#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>

方法二、

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() === "" ){} 用三个等号更符合

jQuery 相关文章推荐
jQuery中的deferred使用方法
Mar 27 jQuery
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
jquery+css实现侧边导航栏效果
Jun 12 jQuery
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
jQuery实现键盘回车搜索功能
Jul 25 jQuery
jQuery实现手势解锁密码特效
Aug 14 jQuery
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 #jQuery
基于jquery实现左右上下移动效果
May 02 #jQuery
jQuery实现遍历XML节点和属性的方法示例
Apr 29 #jQuery
jQuery实现的电子时钟效果完整示例
Apr 28 #jQuery
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 #jQuery
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 #jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 #jQuery
You might like
php引用返回与取消引用的详解
2013/06/08 PHP
php 如何获取数组第一个值
2013/08/06 PHP
PHP检测移动设备类mobile detection使用实例
2014/04/14 PHP
php图片处理函数获取类型及扩展名实例
2014/11/19 PHP
php提高网站效率的技巧
2015/09/29 PHP
php简单压缩css样式示例
2016/09/22 PHP
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
jquery及原生js获取select下拉框选中的值示例
2013/10/25 Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
2013/11/01 Javascript
Angularjs之filter过滤器(推荐)
2016/11/27 Javascript
Bootstrap模态窗口源码解析
2017/02/08 Javascript
JavaScript箭头函数_动力节点Java学院整理
2017/06/28 Javascript
JavaScript30 一个月纯 JS 挑战中文指南(英文全集)
2017/07/23 Javascript
vue 计时器组件的实现代码
2017/09/14 Javascript
Vue单页及多页应用全局配置404页面实践记录
2018/05/22 Javascript
小程序测试后台服务的方法(ngrok)
2019/03/08 Javascript
Vue+Element-U实现分页显示效果
2020/11/15 Javascript
python实现rest请求api示例
2014/04/22 Python
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
python简易远程控制单线程版
2018/06/20 Python
python十进制和二进制的转换方法(含浮点数)
2018/07/07 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
python区块及区块链的开发详解
2019/07/03 Python
python之yield和Generator深入解析
2019/09/18 Python
pandas dataframe 中的explode函数用法详解
2020/05/18 Python
如何用Python 加密文件
2020/09/10 Python
CSS3实现跳动的动画效果
2016/09/12 HTML / CSS
怎样客观的做好自我评价
2013/12/28 职场文书
房屋租赁协议书范本
2014/04/10 职场文书
自主招生学校推荐信
2014/09/26 职场文书
基层党组织整改方案
2014/10/25 职场文书
放射科岗位职责
2015/02/14 职场文书
质量保证书格式
2015/02/27 职场文书
公司车辆管理制度
2015/08/04 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书