jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)


Posted in Javascript onMarch 21, 2012

上个月研究学习了《js判断一个元素是否为另一个元素的子元素》,感觉还挺好用,但是在jQuery应用中还是有很多缺陷,比如多个元素的时候写起来就不是很方便。所以写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展:

//判断:当前元素是否是被筛选元素的子元素 
jQuery.fn.isChildOf = function(b){ 
return (this.parents(b).length > 0); 
}; 
//判断:当前元素是否是被筛选元素的子元素或者本身 
jQuery.fn.isChildAndSelfOf = function(b){ 
return (this.closest(b).length > 0); 
};

使用起来也非常方便:
$(document).click(function(event){ 
alert($(event.target).isChildOf(".floatLayer")); 
});

或者:
$(document).click(function(event){ 
alert($(event.target).isChildAndSelfOf (".floatLayer")); 
});

演示地址: http://demo.3water.com/js/2012/isParent/jquery.htm
Javascript 相关文章推荐
javascript 中String.match()与RegExp.exec()的区别说明
Jan 10 Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
javascript实现图片循环渐显播放的方法
Feb 24 Javascript
只需五句话搞定JavaScript作用域(经典)
Jul 26 Javascript
简单实现js放大镜效果
Jul 24 Javascript
vue组件实现文字居中对齐的方法
Aug 23 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
Aug 28 Javascript
微信小程序模板和模块化用法实例分析
Nov 28 Javascript
基于react后端渲染模板引擎noox发布使用
Jan 11 Javascript
Vue.directive 实现元素scroll逻辑复用
Nov 29 Javascript
解决Antd Table表头加Icon和气泡提示的坑
Nov 17 Javascript
ejs v9 javascript模板系统
Mar 21 #Javascript
js判断一个元素是否为另一个元素的子元素的代码
Mar 21 #Javascript
HTML中的setCapture和releaseCapture使用介绍
Mar 21 #Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
Mar 21 #Javascript
js对象关系图 方便dom操作
Mar 18 #Javascript
再谈javascript面向对象编程
Mar 18 #Javascript
一个简单的Ext.XTemplate的实例代码
Mar 18 #Javascript
You might like
PHP如何得到当前页和上一页的地址?
2006/11/27 PHP
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
PHP开发框架Laravel数据库操作方法总结
2014/09/03 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
PHP字符串中抽取子串操作实例分析
2019/06/22 PHP
PHP下载文件函数与用法示例
2019/09/27 PHP
js模拟实现Array的sort方法
2007/12/11 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
js实现仿购物车加减效果
2017/03/01 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
2017/04/13 Javascript
vue与TypeScript集成配置最简教程(推荐)
2017/10/17 Javascript
JS实现的ajax和同源策略(实例讲解)
2017/12/01 Javascript
element-ui 关于获取select 的label值方法
2018/08/24 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
Python迭代用法实例教程
2014/09/08 Python
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
python文件与目录操作实例详解
2016/02/22 Python
Python批量查询域名是否被注册过
2017/06/21 Python
Python使用MD5加密算法对字符串进行加密操作示例
2018/03/30 Python
Python基于多线程操作数据库相关问题分析
2018/07/11 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
Python 列表的清空方式
2020/01/13 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
python中读入二维csv格式的表格方法详解(以元组/列表形式表示)
2020/04/24 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
详解canvas多边形(蜘蛛图)的画法示例
2018/01/29 HTML / CSS
英国简约舒适女装品牌:Great Plains
2018/07/27 全球购物
学生请假条格式
2014/04/11 职场文书
工程负责人任命书
2014/06/06 职场文书
市委常委班子党的群众路线教育实践活动整改措施
2014/10/02 职场文书
就业意向协议书
2015/01/29 职场文书
幼师辞职信范文
2015/02/27 职场文书
Django实现WebSocket在线聊天室功能(channels库)
2021/09/25 Python