php - JQUERY 如何从动态 div 中获取 id 名称？

Question

我有两个动态生成的(从 PHP 文件)div。这个 div 是这样的:

<div id="x" class="myclass"></div>
<div id="y" class="myclass"></div>

其中 X 和 Y 是从 php 文件动态生成的数字。例如，当我单击此 div 时，如何获取此 ID(编号)？

我试过这种方式:

$('.myclass').click(function(){

alert(this.attr("id"));

});

但是这样我只得到第一个id(myclasses的第一个元素)。

我该如何解决？

Answer 1

试试这个:

$('.myclass').live('click', function() {
   alert(this.id); //or alert($(this).attr('id'))); for the jQuery method
});

使用 $.live() 函数绑定(bind)事件会将事件绑定(bind)到尚不存在的元素，因此当您动态添加新的 div.myclass 元素时，它们也会被绑定(bind)。

---

请注意 .live() 现已弃用，请使用.delegate()或 .on()相反。

$(document).on('click', '.myclass', function() {
    alert(this.id);
});