javascript - 如何将动态值传递给事件监听器

Question

我正在使用服务器端技术(JSP)来呈现我的 View 。因此，我有一个 for 循环来遍历列表。现在，我想将单击监听器绑定(bind)到为列表中的每个项目呈现的按钮。点击监听器中的代码需要项目 ID，我不明白如何将其传递给 JavaScript 代码。

如果这对解决方案很重要，我还使用 requirejs。

Answer 1

也许您只是不需要将 html ID 传递给您的 JavaScript。您可以使用 css 类来检索 DOM 中的按钮。 JavaScript 代码取决于您使用的框架。

在 native JavaScript 中，您可以像这样检索按钮:

var buttons = document.querySelectorAll('button.my_class');

只需将 my_class 替换为您想要的内容即可。

您可以通过执行以下操作来访问按钮 ID:

var button_id = buttons[0].id

如果要将项目 ID 附加到按钮，可以使用 data 属性。例如:

<button id="my_button" data-id="item_id" />

在 JavaScript 中，您可以像这样访问 data_id :

var item_id = buttons[0].getAttribute('data-id');