>  기사  >  웹 프론트엔드  >  jQuery_jquery에서 요소가 다른 요소(또는 자체)의 하위 요소인지 확인

jQuery_jquery에서 요소가 다른 요소(또는 자체)의 하위 요소인지 확인

WBOY
WBOY원래의
2016-05-16 17:55:111289검색

지난 달에 "한 요소가 다른 요소의 하위 요소인지 확인하기 위한 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
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.