javascript - 在数组中添加每个 div 属性

Question

我正在尝试构建一个包含 div 具有的一些数据属性的数组。它看起来像这样。

<div class="myclass" data-test="hello"></div>

我已经走了这么远，但不知道如何继续：

$('#container .myclass').each(function () { mArray. })

我不知道如何处理数组......

我正在寻找的输出是

array 0
 ... test = hello...

或类似的东西。

我想我可以通过编写和添加所有项目来获取所有项目，但似乎应该有一种更简单的方法。

Answer 1

这是一种可能的解决方案，使用map()： DEMO HERE

var dataTests =$('#container .myclass').map(function(){
    return this.getAttribute('data-test');
}).get();

alert(dataTests[0]);//element 0

Answer 2

data()返回一个包含所有数据属性的对象。那可能是什么？

$('#container .myclass').data()

Answer 3

如果您的 div 具有以数据前缀开头的属性（data-test="hello" data-info="some text.." 等等），您可以将所有这些属性的值存储在带有 jQ​​uery 数据的对象中方法，例如像这样：

var myObject = $("div.myclass").data();