지난 달에 "한 요소가 다른 요소의 하위 요소인지 확인하기 위한 js "에 대해 공부했습니다. 꽤 사용하기 쉽지만, 여러 항목을 작성할 때와 같이 jQuery 애플리케이션에는 여전히 많은 결함이 있습니다. 요소 일어나는 것이별로 편리하지 않습니다. 그래서 저는 한 요소가 다른 요소(또는 그 자체)의 하위 요소인지 확인하기 위해 비교적 간단한 두 가지 jQuery 확장을 작성했습니다.
//Judge: 현재 요소가 필터링된 요소의 하위 요소인지 여부
jQuery.fn.isChildOf = function(b){
return (this .parents(b).length > 0);
};
//판단: 현재 요소가 필터링된 요소의 하위 요소인지 아니면 자체 요소인지 여부
jQuery.fn.isChildAndSelfOf = 함수 (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.jb51.net/js/2012/isParent/jquery.htm