javascript - 获取在 JQuery 中单击的动态 div 的名称？

Question

所以我有一组生成的 div，其中包含一个名为“class1”的类。我需要能够为它们分配一个名称或 ID，然后使用 JQuery 注册我已经单击了其中一个特定的 div。我有这段代码，但这不起作用，因为我所知道的就是选择类名:

jQuery(".class1").click(function () {
     // do something                    
});

我需要能够获取被点击的 div 的唯一标识符并将其用于某些事情

Answer 1

要访问被点击元素的 ID，您可以访问 this 的 id 属性，它具有被点击的 HTML 元素的上下文。

jQuery(".class1").click(function () {
     // do something                    
     var theId = this.id; // contains the id of the clicked element, assuming is has an id.
});

您提到了动态元素，在这种情况下，您需要在添加元素后绑定(bind)事件或使用委托(delegate)进行绑定(bind)。

对于 jQuery 1.7 及更高版本，使用 on() :

jQuery("body").on("click", ".class1", function () {
     // do something                    
     var theId = this.id;
});

对于 jQuery 1.6 和更早版本的使用，delegate() :

jQuery("body").delegate(".class1", "click", function () {
     // do something                    
     this.id;
});