HTML에서 클릭 한 요소를 찾는 방법은 무엇입니까?

Question

나는 잠수를하고 각각의 잠수에는 그 우상 같이 이드가있다. 사용자가 내 HTML을 클릭 할 때 클릭 한 요소가 div이고 원하는 div와 내부 HTML을 얻고 싶을 때를 원합니다.

내 div 요소에 onclick() 및 .. 같은 메서드를 사용하고 싶지 않습니다.이 방법은 jquery 또는 somethings에서 가능합니까?

<div id="a2">123</div> 
<div id="a1">456</div> 

은이 코드를 사용하지만

$('html').click(function() { 
    var selectedelement = jQuery('div'); 
}); 

Answer 1

$('div').click(function() { 
    var selectedelement = $(this).attr('id'); 
    alert(selectedelement); 
}); 

Answer 2

$('.someClassForYourDivs').click(function() { 
    var selectedelement = $(this); 
}); 

가 jQuery를에 this의 값은 일반적으로 이벤트에 발사 된 물체 무엇으로 설정되어 작동합니다. 또한 cernunnos가 지적한대로이 특정 클릭 핸들러를 원하는 특정 요소에 추가해야합니다. 이것을 쉽게하기 위해 그들에게 수업을 할당하십시오.

Answer 3

선택자가 'HTML'노드에 클릭 이벤트를 추가하고 있습니다. 당신은 단지 ID의 'A1' 'A2'할 anbd와 DIV 신경 경우

$('div').click(function() { 
    var selectedelement = this; 
}); 

: 선택기 어떤 DIV를 얻을 수 있기 때문에 내가 추천 할 것 DIV 년대는 대한 모든 당신이 관심이 있다면 당신은 f9ollowing을 수행 할 다음 :

$('#a1,#a2').click(function() { 
     var selectedelement = this; 
    }); 

Answer 4

당신은 동적 페이지로 된 div를 추가하는 경우 잘 작동 위임 사용할 수 있습니다

$("html").on("click", "div", function() { 
    console.log($(this).attr("id")); 
}); 

을

이 부분을 참조하십시오. http://jsfiddle.net/DGeF9/