중첩 된 DIV 태그

Question

두 개의 DIV가 서로 안에 있습니다. 경고 텍스트 사이를 전환하고 싶습니다. 내부 및 외부 div 사이의 영역이 선택되면 외부 div 경고가 와야합니다. 내부 div 경고가 반드시 있어야합니다. 어떻게? 계속할 수 있습니까?

Answer 1

정지 내부 div의 event propagation에게 stopPropagation()를 사용하여,이 시도 :

HTML

<div id="outer"> 
    <div id="inner"> 
    </div> 
</div> 

CSS

#outer { 
    background: green; 
    padding: 20px; 
} 
#inner { 
    height: 100px; 
    background: red; 
} 

JS

$(document).ready(function() { 
    $('#outer').click(function() { 
     alert('outer div alert'); 
    }); 
    $('#inner').click(function(e) { 
     e.stopPropagation(); 
     alert('inner div alert'); 
    }); 
}); 

Demo Link