jquery - 从动态创建的列表项访问数据 ("")

Question

jQuery 2.2.3

我有一个动态元素列表，可以动态创建/删除:

<ul id="tracks">
    <button class="createRace" data-trackcode="410243">Create Race</button>
    <button class="createRace" data-trackcode="123540">Create Race</button>
    ...
</ul>

我正在使用以下技术对按钮点击使用react。

$("#tracks").on("click", ".createRace", createRaceClick);

正在调用我的 createRaceClick() 函数，但“this”对象正在引用 #tracks，而不是 按钮 被按下。

如何确定按下了哪个按钮？或者更具体地说，如何获取与按下的实际按钮关联的 data("trackcode")。

谢谢

Answer 1

这很奇怪，因为在事件委托(delegate)的上下文中，this 应该引用单击的按钮。但是，您可以使用事件对象的target属性来获取引发点击事件的.createRace:

$("#tracks").on("click", ".createRace", createRaceClick);

function createRaceClick(e){

  var data=$(e.target).data('trackcode'); //  $(this).data('trackcode') should work
}