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

标签 javascript jquery html twitter-bootstrap

我有一个在 Razor 中的 foreach 中迭代的项目列表,对于每个项目,我都有一个 anchor ,该 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>'

有人可以帮我吗?

最佳答案

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

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

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

关于javascript - 识别 Javascript 中的 html 数据属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30585388/

相关文章:

html - 在 p-tag 中填充以实现半透明图像叠加

javascript - IE8 和 Modernizr : Object doesn't support this property or method?

javascript - 使用javascript隐藏输入字段div类

javascript - 在 javascript 中解析 XML - 没有浏览器 - 没有 XML 解析器

javascript - Angular 形式下拉选择框中的错误

php - 如果右键单击复选框,将出现另一个表单填写的高级表单填写

javascript - Ajax 错误: SyntaxError: Unexpected token < error

javascript - 下拉列表到 JavaScript 数组以填充文本框

javascript - 如何将类应用于动态插入的 html 元素?

html - 页眉和页脚之间的 100% 高度包装(第一部分设置为 100% 高度)