javascript - 如何在 jquery 中构建 HTML 元素及其属性的数组？

Question

我正在尝试在 jquery 中构建一个数组来存储数据并稍后在我的代码中使用它们。我希望有这样的东西:

array[html_node][attribute] = attribute value

基于这种类型的 DOM:

<div id= node>
  <a step= "downloading" data="123">
    ...
  </a>
  <a step= "waiting" data="122">
    ...
  </a>
</div>

你能帮我解决这个问题吗？

Answer 1

虽然我同意之前的评论(当 DOM 是一个完美的替代品时为什么要创建一个存储数据的数组？)，这里是我相信你的一些内容'之后:

var arr = [];

$('#node a').each(function(){

  arr.push( $(this).attr('data') );

});

或者您可能希望将节点作为一个类，其中将有多个节点:

var arr = [];

$('.node').each(function(i){

  arr.push([]);

  $(this).children('a').each(function(){

    arr[i].push( $(this).attr('data') );

  });
});

或者，如果您想存储对节点的引用(仅使用数组很难，因为您需要在某个地方有一个键):

var arr = [];

$('.node').each(function(i){

  arr.push({ node:this, data:[] });

  $(this).children('a').each(function(){

    arr[i].data.push( $(this).attr('data') );

  });
});

Here's a fiddle (引用节点的 id，以免阻塞 JSON.stringify 部分。