event.target이 원하는 출력

Question

을 포기하지 않을

내가 DIV ID를 클릭하면 내 코드

<div id="hello"> 
<div>A</div></div> 
<script> 
$(function(){ 
$(document).mousedown(function(event){alert(event.target.id);}); 
});</script> 

지금은 센터 DIV의 ID를 취하고로 "안녕하세요"가 null의 경고입니다하지만 난 외부의 ID를 원하는 div. 어떻게 달성 될 수 있습니까? 사용 event.target.parentNode.id

Answer 1

Answer 2

대상이

try this instead 가장 안쪽 DIV 이었기 때문에 :

event.target.parentNode.id 

Answer 3

하는 약간의 코드를 변경해보십시오 :

<div id="hello"> 
<div>A</div></div> 
<script> 

$(function(){ 
    //You can change the selector to what suits you best here 
    $("body>div").mousedown(function(event){alert(event.currentTarget.id);}); 

    //it is safer to use currentTarget when you have nested elements 
});</script> 

Answer 4

당신은에 이벤트를 바인딩해야 div에 관심이 있습니다. 귀하의 경우, 당신은 uld에 바인딩 $('#hello')

여러 개의 div가있는 경우 해당 이벤트를 바인드하고 클래스를 추가 한 다음 해당 mousedown 이벤트를 해당 클래스에 바인딩하고 콜백 함수에서 event.target의 ID를 확인합니다.