[原创]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元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
详解jquery选择器的原理
Aug 01 jQuery
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
jqueryUI tab标签页代码分享
Oct 09 jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
20个最常见的jQuery面试问题及答案
May 23 jQuery
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
Jquery实现无缝向上循环滚动列表的特效
Feb 13 jQuery
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 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水印
2007/03/16 PHP
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
Extjs TriggerField在弹出窗口显示不出问题的解决方法
2010/01/08 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
2013/12/13 Javascript
js实现局部页面打印预览原理及示例代码
2014/07/03 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
2015/12/01 Javascript
Bootstrap入门书籍之(一)排版
2016/02/17 Javascript
Immutable 在 JavaScript 中的应用
2016/05/02 Javascript
BootStrap实现树形目录组件代码详解
2016/06/21 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
js智能获取浏览器版本UA信息的方法
2016/08/08 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
2017/03/11 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
underscore之Collections_动力节点Java学院整理
2017/07/10 Javascript
jQuery Dom元素操作技巧
2018/02/04 jQuery
vue component 中引入less文件报错 Module build failed
2019/04/17 Javascript
taro开发微信小程序的实践
2019/05/21 Javascript
nodejs二进制与Buffer的介绍与使用
2019/07/11 NodeJs
JavaScript隐式类型转换代码实例
2020/05/29 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
Python异常的检测和处理方法
2018/10/26 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
解决python打不开文件(文件不存在)的问题
2019/02/18 Python
详解Python中打乱列表顺序random.shuffle()的使用方法
2019/11/11 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
美国蔬菜和植物种子公司:Burpee
2017/02/01 全球购物
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
仓库门卫岗位职责
2013/12/22 职场文书
计算机数据库专业职业生涯规划书
2014/02/08 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
社会实践单位意见
2015/06/05 职场文书
环保建议书作文400字
2015/09/14 职场文书
《圆的面积》教学反思
2016/02/19 职场文书