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 相关文章推荐
ppk谈JavaScript style属性
Oct 10 Javascript
JQuery给元素绑定click事件多次执行的解决方法
May 29 Javascript
使用bootstrap3开发响应式网站
May 12 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
js实现文字截断功能
Sep 14 Javascript
详解微信小程序 template添加绑定事件
Jun 23 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
JS实现多物体运动的方法详解
Jan 23 Javascript
vue 循环加载数据并获取第一条记录的方法
Sep 26 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
Sep 29 Javascript
在vue项目实现一个ctrl+f的搜索功能
Feb 28 Javascript
vue element el-transfer增加拖拽功能
Jan 15 Vue.js
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 透明水印生成代码
2012/08/27 PHP
关于php微信订阅号开发之token验证后自动发送消息给订阅号但是没有消息返回的问题
2015/12/21 PHP
PHP获取数组中单列值的方法
2017/06/10 PHP
php使用str_replace替换多维数组的实现方法分析
2017/06/15 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
PHP实现非阻塞模式的方法分析
2018/07/26 PHP
jquery 弹出登录窗口实现代码
2009/12/24 Javascript
javascript的内存管理详解
2013/08/07 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
2013/12/12 Javascript
ParseInt函数参数设置介绍
2014/01/02 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
如何减少浏览器的reflow和repaint
2015/02/26 Javascript
javascript字符串与数组转换汇总
2015/05/26 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
2016/10/12 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
微信小程序 新建登录页并实现tabBar隐藏
2017/06/13 Javascript
jQuery实现的点击标题文字切换字体效果示例【测试可用】
2018/04/26 jQuery
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
python使用cookielib库示例分享
2014/03/03 Python
启动targetcli时遇到错误解决办法
2017/10/26 Python
Python及PyCharm下载与安装教程
2017/11/18 Python
Python Django view 两种return的实现方式
2020/03/16 Python
django正续或者倒序查库实例
2020/05/19 Python
详解在Python中使用Torchmoji将文本转换为表情符号
2020/07/27 Python
如何使用pycharm连接Databricks的步骤详解
2020/09/23 Python
Yahoo-PHP面试题4
2012/05/05 面试题
第二层交换机和路由器的区别?第三层交换机和路由器的区别?
2013/05/23 面试题
移动通信行业实习自我鉴定
2013/09/28 职场文书
委托书范文
2014/04/02 职场文书
《春雨》教学反思
2014/04/24 职场文书
工商管理自荐书
2014/07/06 职场文书
撤诉书怎么写
2015/05/19 职场文书
2016年机关单位节能宣传周活动总结
2016/04/05 职场文书
Android自定义双向滑动控件
2022/04/19 Java/Android