JQuery와는 중첩 된 요소

Question

으로 선택하지 콘솔 로그 ... 요소가 중첩되어 있기 때문에! 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

내가 이벤트 버블 링을 중지 브라우저에게, two에 별도의 클릭 이벤트를 바인딩 원합니다는 이럴, 그 방법이 훨씬 더 읽을 수있다 :

$('.one').click(function() { 
    console.log('jazz'); 
}) 
.find('.two').click(function(e) { 
    e.stopPropagation(); 
}); 

Answer 2

당신은 또한

$('.one:not(:has(.two))') 

을 찾고, 당신은 다음 .two에 그것을 처리, .one의 이벤트를 처리하고 .one까지 버블 링에서 그것을 방지하기 위해 e.stopPropagation()를 호출 할 수 있습니다.