Question

我有一系列包含数据属性的表行。我想收集这些数据属性的所有值并将它们添加到数组中。我该怎么做？

<tr data-title-id="3706" role="row" class="odd"></tr>
<tr data-title-id="3707" role="row" class="odd"></tr>

Answer 1

或者最简单的方法，它将创建数组并在一步中填充它：

var dataIds = $("table tbody tr").map(function() { return $(this).data('title-id'); });

Answer 2

你可以这样做：

var data = [];
$('tr', yourTable).each(function() {
    data.push($(this).attr('data-title-id'));
}

Answer 3

将所有数据吸引到对象数组会很有用。

var a = $('tr').map(function(x){
  return $(this).data();
}).toArray();
alert(JSON.stringify(a,null,'\t'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body><table>
<tr data-title-id="3706" data-title-val="Hello" role="row" class="odd"></tr>
<tr data-title-id="3707" role="row" class="odd"></tr>
</table></body>

如何收集所有数据属性并推送到数组

3 个答案: