javascript - 以数组形式检索选择器类的数据属性

Question

我正在运行 PHP + JQuery + DataTables 页面。一切都很顺利，我从以下方面得到了类似的标记:

.......
<tbody>
    <tr data='1'>
        ....
    </tr>
    <tr data='2'>
        ....
    </tr>
    <tr data='1'>
        ....
    </tr>
    <tr data='8'>
        ....
    </tr>
    <tr data='2'>
        ....
    </tr>
    <tr data='7'>
        ....
    </tr>
    <tr data='7'>
        ....
    </tr>
    .
    .
    .
</tbody>

我需要获取数组中所有tr的所有data属性，在上表的情况下，它的:

var data_values = [1, 2, 8, 7];

我认为逻辑可能有点以 $('tr').attr('data') 开头，但它返回 undefined。我已经对数据库执行了查询，它还返回一个数组:

var database_returned_values = [2, 8];

我的目标从一开始就是删除 database_returned_values 数组中找不到的 tr 元素。我的解决方案是从 data_values 中减去 database_returned_values 数组。区别在于要删除的 tr。但我什至无法开始获取data_values。如何检索所有 tr 的 data 属性并将其放入 array 中，或者是否有更简单的方法来执行此操作？

在这种情况下，要删除的 tr 是那些 data 属性为 [1, 7] 的内容；

Answer 1

您可以使用each()来迭代所有tr:

var data = new Array();

$("table tbody tr").each(function(){
   if($.inArray($(this).attr("data")) == -1) // check if not in array
       data.push($(this).attr("data"))
})