jQuery如何找到数据元素的值答案

【问题标题】：jQuery how to find an data element valuejQuery如何找到数据元素的值
【发布时间】：2016-05-06 12:05:51
【问题描述】：

我有这个 html 代码：

<body>
....
<span data-code="code100">...</span>
....
<div data-code="code101">...</div>
<input type="test" ... data-code="code102">...</input>
...
<b data-code="code103">...</b>
etc...
</body>

现在我想查找所有带有 [data-code] 的元素并获取 data-code 值（code100、code101、code 103、code104）

这不起作用：

var arr = $("[data-code]");
    $.each(arr, function(key) {
        alert($(key).data('data-code'));
    });

我该怎么做？

【问题讨论】：

检查 $.fn.data 方法文档

标签： jquery html find each element

【解决方案1】：

这项工作-

var arr = $("[data-code]");
 $.each(arr, function(index, value) {
  alert($(this).data('code'));
});

您可以像这样引用数据值。您的数据键是“代码”。阅读更多关于 Jquery.data() here

【讨论】：

【解决方案2】：

它对我有用。用打开的开发者控制台试试这个例子。

var arr = $("[data-code]");
$.each(arr, function(index, value) {
  console.log($(this).attr('data-code'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span data-code="code100"></span>
<div data-code="code101"></div>
<input type="test" data-code="code102" />
<b data-code="code103"></b>

【讨论】：