javascript - 从元素中检索所有 data-* 属性

标签 javascript html custom-data-attribute

<分区>

Possible Duplicate:
Get list of data-* attributes using javascript / jQuery

您将如何从一个元素中检索所有数据属性,并将它们放入一个数组中?

例如,如果我有一个列表元素:

<li id="the_example" class="haz_data" data-foo="omega" data-bar="zeta" data-derp="psi">Hello, world!</li>

我希望能够获取所有这些数据属性并最终得到这样的数组或对象(或类似的东西):

[{foo:omega},{bar:zeta},{derp:psi}]

首选您不知道数据属性名称的解决方案。

最佳答案

关于javascript - 从元素中检索所有 data-* 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5915102/

相关文章:

html - 使用 Flexbox 的固定宽度下拉菜单?

javascript - 在 JavaScript 中从列表中的对象获取数据属性

javascript - 点击目标数据 'id' + 1 上的 jQuery

javascript - 确定给定名称的类是否存在

javascript - 一旦 Safari 关闭并重新打开,持久 cookie 就会被删除(在 Chrome、Firefox 中工作正常)

html - 如何从 html 链接到 google chrome 下载页面?

javascript - 我应该在哪个 HTML 元素上放置 page-global data-* 属性?

javascript - 从方位获取像素位置

javascript - 我怎么知道用户在 Vue/Buefy 中的表单项上?

javascript - 我想重构代码以减少功能