javascript - 如何遍历所有div并获取特定属性？

Question

我想做的是迭代父容器中包含的 div 集合。我的结构如下:

<div id='main'>
   <div data-id='2'>
  </div>
  <div data-id='3'>
  </div>
</div>

我的目标是获取每个 div 的字段 data-id 并创建一个数组集合。以前我使用 select 在哪里获取可用选项的每个值，如下所示:

var available_services = $('#selected-service').find('option', this).map(function ()
{
      return this.value;
}).get();

但现在我使用 div 集合而不是 select。如何迭代所有可用的 div？

Answer 1

这应该返回列表中的所有data-id值:

var available_services = $('#main').find('div').map(function (item)
{
    return item.attr('data-id');
});

我没有对此进行测试，但我认为应该可以完成这项工作。 (也许你需要稍微调整一下)