如何在html上找到點擊元素？

Question

我有一些潛水，每次潛水的ID都像波紋管一樣。 我想當用戶點擊我的HTML首先找到點擊的元素是div和之後比想要獲得選定div的id和內部HTML。

我不想在我的div元素上使用像onclick（）和..這樣的方法，這是可能的jQuery或一些？

<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); 
}); 

的this jQuery中的值通常設置到任何對象的情況下被解僱的。另外，正如cernunnos指出的，你應該添加這個點擊處理程序到你想要的特定元素。給他們分配一個班，以使這個變得簡單。

Answer 3

您的選擇器正在向「HTML」節點添加點擊事件。你想要做的f9ollowing如果所有你關心的是div的，我會建議，因爲選擇會得到任何DIV：

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

如果你只關心與ID的「A1」 anbd「A2」，做DIV以下：

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

Answer 4

你可以使用委託，效果很好，如果你是動態添加的div頁面：

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

看到這個小提琴：http://jsfiddle.net/DGeF9/