채택완료

제이쿼리 질문

<div class="a">

   <div class="b"></div>

   <div class="b"></div>

</div>

가 있을때 

 

$('.a').bind('mouseenter',function(){

 

});

 

부모 클래스 a에 이벤트를 줬지만 마우스를 댄건 자식 클래스 b일때

이 b의 인덱스값을 추출할수 있나요?

예를 들어 두번째 b일경우 인덱스 1을 가져올 방법...

|

답변 2개

채택된 답변
+20 포인트

님이 말한건 이벤트 버블링에 관한 겁니다.

당연히 하위 요소들에도 이벤트가 발생합니다.

발생한 이벤트를 참조해서 인덱스를 찾을수 있습니다.

 

https://joshua1988.github.io/web-development/javascript/event-propagation-delegation/

 

이거 참조해보면 도움이 될겁니다.

jQuery(function($) {

$(.a .b).mouseenter(function(){
     alert( $(this).index() );
    });

 });

 

답변을 작성하려면 로그인이 필요합니다.