从动态创建的列表项访问数据（“”）

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>

我正在使用以下技术来响应按钮点击。

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

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

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

由于

Answer 1

这很奇怪，因为在事件委托的上下文中，this应该引用button clicked。但是，您可以使用target的{​​{1}}属性来获取引发点击event object的{​​{1}}：

.createRace