首页 > 代码库 > javascript判断一个元素是另外一个元素的子元素
javascript判断一个元素是另外一个元素的子元素
javascript判断一个元素是另外一个元素的子元素用途有很多，最常用的就是当点击页面的空白处去执行某些操作，比如弹出层等。
function isParent (obj,parentObj){while (obj != undefined && obj != null && obj.tagName.toUpperCase() != ‘BODY’){if (obj == parentObj){return true;}obj = obj.parentNode;}return false;}$(document).click(function(event){alert(isParent(event.target, $(“.floatLayer”)[0]));});
感觉还挺好用，但是在jQuery应用中还是有很多缺陷，比如多个元素的时候写起来就不是很方便。所以写了比较简单的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”));});
javascript判断一个元素是另外一个元素的子元素
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。