如何在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/