[原创]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 Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
jQuery事件对象的属性和方法详解
Sep 09 jQuery
jQuery实现的简单无刷新评论功能示例
Nov 08 jQuery
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
jQuery中DOM常见操作实例小结
Aug 01 jQuery
jQuery实现轮播图源码
Oct 23 jQuery
jquery获取input输入框中的值
Nov 13 jQuery
jQuery使用jsonp实现百度搜索的示例代码
Jul 08 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
用来解析.htpasswd文件的PHP类
2012/09/05 PHP
微信扫描二维码登录网站代码示例
2013/12/30 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
jQuery UI的Dialog无法提交问题的解决方法
2011/01/11 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
2013/05/07 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
2016/08/05 Javascript
基于openlayers4实现点的扩散效果
2020/08/17 Javascript
vue2 设置router-view默认路径的实例
2018/09/20 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
2019/01/15 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
js实现自动播放匀速轮播图
2020/02/06 Javascript
用Python写飞机大战游戏之pygame入门(4):获取鼠标的位置及运动
2015/11/05 Python
Python实现简单字典树的方法
2016/04/29 Python
django实现同一个ip十分钟内只能注册一次的实例
2017/11/03 Python
python 简单备份文件脚本v1.0的实例
2017/11/06 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
使用python绘制温度变化雷达图
2019/10/18 Python
python-OpenCV 实现将数组转换成灰度图和彩图
2020/01/09 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
英国在线药房和在线医生:LloydsPharmacy
2019/10/21 全球购物
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
求高于平均分的学生学号及成绩
2016/09/01 面试题
几个SQL的面试题
2014/03/08 面试题
机械制造与自动化应届生求职信
2013/11/16 职场文书
学习新党章思想汇报
2014/01/09 职场文书
小学生美德少年事迹材料
2014/08/24 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
党员个人批评与自我批评
2014/10/14 职场文书
2015年安全工作总结范文
2015/04/02 职场文书
运动会班级前导词
2015/07/20 职场文书
保护环境建议书作文400字
2015/09/14 职场文书