jQuery判断一个元素是否为另一个元素的子元素(或者其本身) -- JavaScript -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> JavaScript --> jQuery判断一个元素是否为另一个元素的子元素(或者其本身)

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

浏览:2589次出处信息

上个月研究学习了《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);
};

1
//判断:当前元素是否是被筛选元素的子元素 

2
jQuery.fn.isChildOf = function(b){ 

3
return (this.parents(b).length > 0); 

4
}; 

5
//判断:当前元素是否是被筛选元素的子元素或者本身 

6
jQuery.fn.isChildAndSelfOf = function(b){ 

7
return (this.closest(b).length > 0); 

8
};

使用起来也非常方便：

$(document).click(function(event){
alert($(event.target).isChildOf(".floatLayer"));
});

1
$(document).click(function(event){ 

2
alert($(event.target).isChildOf(".floatLayer")); 

3
});

或者：

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

1
$(document).click(function(event){ 

2
alert($(event.target).isChildAndSelfOf (".floatLayer")); 

3
});

查看demo：http://www.css88.com/demo/isParent/index1.html

建议继续学习：

QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习

<< 前一篇：Javascript和CSS浏览器兼容总结

后一篇：为什么 script 标签不能写成自关闭形式 >>

文章信息

作者：愚人码头来源： WEB前端开发
标签： jQuery 子元素
发布时间：2011-07-12 13:32:45

建议继续学习

近3天十大热文