程序员人生 网站导航

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

栏目：jquery时间：2013-12-24 11:19:57

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

演示：


提示：可修改后代码再运行!

------分隔线----------------------------

上一篇 Access 2002的三个实用技巧

下一篇 强大的JavaScript表单验证插件

------分隔线----------------------------

最新技术推荐

1jQuery获取一个属性的值 2jQuery 创建 Dom 元素的实例代码 3JQuery 引发两次$(document.ready事件 4使用 CSS+Jquery 实现页面圆角框效果 5UpdatePanel内jquery easyui效果失效的问题 6jQuery实例：关于$.getJSON跨域Ajax方法 7使用jQuery创建水平和垂直居中的网站