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

WEB前端开发 2011-07-12 13:32:45 浏览 2,702 次

标签 jQuery 子元素

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

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

建议继续学习