javascript - 在 Javascript 中识别 html 数据属性

Question

我有一个在 Razor 的 foreach 中迭代的项目列表，对于每个项目，我都有一个 anchor ，它打开一个带有项目 ID 的 Bootstrap 模式，但是对于每个打开的项目，始终显示第一个项目 ID，我需要在 Javascript 中识别 data-id 属性以显示每个项目的项目 ID，这是我的 html:

<a href="#viewItem" id="item" data-toggle="modalViewItem" data-item-id="@Item.ItemId"> Ver</a>

在 Javascript 中

'<h4 class="modal-title" id="myModalLabel">' + $("#item").data("item-id") '</h4>'

谁能帮帮我？

Answer 1

#item将始终返回在文档中找到的第一个实例。

大概你已经创建了一个 click然后插入 <h4> 的事件HTML。如果是这种情况，那么您可以使用 this当您创建该元素的实例时:

'<h4 class="modal-title" id="myModalLabel">' + $(this).data("item-id")+ '</h4>'