JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码

 更新时间:2012年02月02日 23:32:53   作者:  
网站开发时,我们时常需要把没有内容的标签隐藏或者去掉。在用JQ有两种好的解决办法
一、判断文本是否为空
复制代码 代码如下:

var jqObj = $(this);
if(jqObj.text().trim()){ //trim()方法是去空格,$.trim()函数删除提供字符串的所有换行符,空格(包括非中断空格),开始和结束tab。如果这些空白字符在字符串中间发生时,它们将被保留。
jqObj.hide();
}

二、判断这个标签下是否有某个已知的元素,比如判断ul标签下是否有li元素
复制代码 代码如下:

var jqObj = $(this);
if(!jqObj.has('li').length){
jqObj.hide();
}

相关文章

  • 简单的jquery拖拽排序效果实现代码

    简单的jquery拖拽排序效果实现代码

    写了简单的跟随鼠标移动效果。这个拖拽排序的效果的区别在于: 运用了插入insertBefore 和 insertAfter 的方法
    2011-09-09
  • QUnit jQuery的TDD框架

    QUnit jQuery的TDD框架

    我今天只讨论基于JavaScript的TDD,可能有些公司是用C#做js单元测试的,但我不认为这是个好主意,很多js运行时的东西让js来返回会更直观,且易于维护。
    2010-11-11
  • jquery实现表格行的上下移动和置顶

    jquery实现表格行的上下移动和置顶

    这篇文章主要为大家详细介绍了jquery实现表格行的上下移动和置顶,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • 使用jQuery制作遮罩层弹出效果的极简实例分享

    使用jQuery制作遮罩层弹出效果的极简实例分享

    这篇文章主要介绍了使用jQuery制作遮罩层弹出效果的极简实例分享,效果中背景为半透冥且不可操作,在制作页面上传功能等场景下十分实用,需要的朋友可以参考下
    2016-05-05
  • jquery图片切换插件

    jquery图片切换插件

    本文给大家分享的是一则使用jQuery实现图片切换的插件,效果非常不错,兼容性也很好,推荐给大家,有需要的小伙伴快来参考下吧。
    2015-03-03
  • jQuery DataTables插件自定义Ajax分页实例解析

    jQuery DataTables插件自定义Ajax分页实例解析

    这篇文章主要为大家详细介绍了jQuery DataTables插件自定义Ajax分页的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • jQuery easyui刷新当前tabs的方法

    jQuery easyui刷新当前tabs的方法

    这篇文章给大家介绍了jquery easyui刷新当前tabs的方法,本文涉及到param参数的属性知识点,本文通过实例给大家介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-09-09
  • jQuery 一个图片切换的插件

    jQuery 一个图片切换的插件

    B/S开发的朋友,首页常常需要一些新闻图片切换的特效,鉴于jQuery良好的插件开发机制,我也常常自己写一些实用的小插件,这里分享一个新闻图片切换插件
    2011-10-10
  • JQuery中clone方法复制节点

    JQuery中clone方法复制节点

    这篇文章主要介绍了JQuery中clone方法复制节点,实例分析了clone方法浅克隆与深克隆的使用方法,需要的朋友可以参考下
    2015-05-05
  • input:checkbox多选框实现单选效果跟radio一样

    input:checkbox多选框实现单选效果跟radio一样

    checkbox是多选,怎么才能让他变成单选,效果跟radio一样呢,本菜鸟就自己写了个小程序,代码很简单
    2014-06-06

最新评论