[原创]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
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
jQuery ajax调用webservice注意事项
Oct 08 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
jquery分页插件pagination使用教程
Oct 23 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
jQuery实现简易聊天框
Feb 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
smarty内部日期函数html_select_date()用法实例分析
2015/07/08 PHP
PHP创建PowerPoint2007文档的方法
2015/12/10 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
国外的为初学者写的JavaScript教程
2008/06/09 Javascript
Ajax,UTF-8还是GB2312 eval 还是execScript
2008/11/13 Javascript
autoPlay 基于jquery的图片自动播放效果
2011/12/07 Javascript
javascript实现图片切换的幻灯片效果源代码
2012/12/12 Javascript
JSON+JavaScript处理JSON的简单例子
2013/03/20 Javascript
js克隆对象、数组的常用方法介绍
2013/09/26 Javascript
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
详解js图片轮播效果实现原理
2015/12/17 Javascript
原生JS封装ajax 传json,str,excel文件上传提交表单(推荐)
2016/06/21 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
2016/06/26 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
微信小程序-form表单提交代码实例
2019/04/29 Javascript
python数据分析数据标准化及离散化详解
2018/02/26 Python
python使用ddt过程中遇到的问题及解决方案【推荐】
2018/10/29 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
简单了解django缓存方式及配置
2019/07/19 Python
python 从list中随机取值的方法
2020/11/16 Python
HTML5拖拽API经典实例详解
2018/04/20 HTML / CSS
GoDaddy英国:全球排名第一的域名注册商
2018/06/08 全球购物
国际花店:Pickup Flowers
2020/04/10 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
教师推荐信范文
2013/11/24 职场文书
开办饭店创业计划书
2013/12/28 职场文书
测量工程专业求职信
2014/02/24 职场文书
市场营销方案范文
2014/03/11 职场文书
关爱留守儿童标语
2014/06/18 职场文书
群教个人对照检查材料
2014/08/20 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
交通事故被告答辩状
2015/05/22 职场文书
结婚纪念日感言
2015/08/01 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书
Python中异常处理用法
2021/11/27 Python