Question

我有三个这样的div：

<div id="1" >id="1"</div>
<div id="2">id="2"</div>
<div id="3">id="3"</div>

现在我想要，当我点击任何一个div时，jquery会得到它的id，即如果我点击div 1，它将得到1，因为它的div id是1。

任何帮助都会很棒。

问候

Answer 1

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

或更短：

$(function() {
    $('div').click(function() { alert(this.id); });
});

Answer 2

$("div").click(function() {
    var eleId = $(this).attr("id");
}

Answer 3

您可以使用委托或为每个div指定一个点击处理程序：

$('#1, #2, #3').click(
   function (e) {
      alert($(this).attr('id') + ' was clicked');
   }
)

如果您有父容器，则可以使用live - 方法绑定单个侦听器并利用事件委派：

<div id="parent">
   <div id="1" >id="1"</div>
   <div id="2">id="2"</div>
   <div id="3">id="3"</div>
</div>

$('#parent > div').live('click', function (e) {
   alert($(this).attr('id') + ' was clicked');
});

如何在jquery中获取div的选定ID？

3 个答案: