제이쿼리 질문
본문
<div class="a">
<div class="b"></div>
<div class="b"></div>
</div>
가 있을때
$('.a').bind('mouseenter',function(){
});
부모 클래스 a에 이벤트를 줬지만 마우스를 댄건 자식 클래스 b일때
이 b의 인덱스값을 추출할수 있나요?
예를 들어 두번째 b일경우 인덱스 1을 가져올 방법...
답변 2
님이 말한건 이벤트 버블링에 관한 겁니다.
당연히 하위 요소들에도 이벤트가 발생합니다.
발생한 이벤트를 참조해서 인덱스를 찾을수 있습니다.
https://joshua1988.github.io/web-development/javascript/event-propagation-delegation/
이거 참조해보면 도움이 될겁니다.
jQuery(function($) {
$(.a .b).mouseenter(function(){
alert( $(this).index() );
});
});
답변을 작성하시기 전에 로그인 해주세요.