Question

在我的页面中，有一些文章标签带有属性data-course-id。

<article class="register" data-course-id="0123"></article>
<article class="register" data-course-id="0124"></article>

现在我想生成一个变量，其中包含article标签中的数组，其值应与data-course-id相同。

var array = [0123, 0124]

我该怎么做？

Answer 1

像这样：

var array = $('.register').map(function(){
   return $(this).attr('data-course-id'); // converting to Number will result in loss
   // of data since what you are using is octal representation.
}).get();

Answer 2

如果没有jQuery，你可以尝试这样的事情：

var articles = document.getElementsByClassName("register");
var array = [];
for(var i = 0; i < articles.length; i++) {
    array.push(articles[i].getAttribute("data-course-id"));
}

Working demo

Answer 3

使用jquery，我会做这样的事情

推送数据值：

var array=[]
$(".register").each(function(){
    array.push($(this).data('course-id'));
});    
alert("pushing only the data values:" + array)

推送物品：

array2 = []
$(".register").each(function(){
    array2.push($(this))
}); 
alert("pushing the objects: " + array2)

http://jsfiddle.net/x9LdR/1

Answer 4

尝试这样，

  $('.register').each(function(){
      arr.push($(this).attr('data-course-id'));
       alert($(this).attr('data-course-id'));
  });

Live Demo Here..

从DOM元素中的数据字段的值创建数组

4 个答案: