javascript - 在 Jquery 中选择元素的 ID

Question

我有以下 HTML 代码片段。

<li my-id="10" class="my-class">test-1</li>
<li my-id="15" class="my-class">test-2</li>
<li my-id="20" class="my-class">test-3</li>

任何人都可以帮助我如何在发生单击事件时获取上述 html 元素的 ID。在解释更多时，我在 jquery 中有以下代码。当用户点击上述任何元素时，我需要提取对应于同一元素的 id。我在 jQuery 中使用以下代码。

$('.my-class').on('click', function(e) {
var ids = e.targetElement.attr('my-id'); 
});

但是上面的代码片段不起作用。谁能建议更好的方法来做到这一点？

Answer 1

尝试通过 $(this) 调用 .attr()。因为 .attr() 在节点对象的原型(prototype)中不可用，

$('.my-class').on('click', function(e) {
 var ids = $(this).attr('my-id'); 
});