如果data-id在数组中,则隐藏td

Question

<table id="table1">
    <tr>
        <td class="rb-o" data-id="1">a</td>
        <td class="rb-o" data-id="2">b</td>
        <td class="rb-o" data-id="3">c</td>
    </tr>
    <tr>
        <td class="rb-o" data-id="4"></td>
        <td class="rb-o" data-id="5"></td>
        <td class="rb-o" data-id="6"></td>
    </tr>

</table>

我想隐藏整个<td>但是只有当它全部<data-id>都在数组列表中时.该表是动态生成的.

我的jQuery:

myarray =["2", "4", "5"] ;

$('.rb-o').each(function(index) {
    if (myarray[index]) {
        $(this).attr('data-id', myarray[index]).show();
    }
    else{
        $(this).attr('data-id', myarray[index]).hide();
    }

不能正常工作.

Answer 1

尝试使用数组中的值创建属性过滤器,并使用它来过滤tds

myarray = ["2", "4", "5"];
$('.rb-o').filter($.map(myarray, function (val) {
    return '[data-id="' + val + '"]'
}).join()).hide()

演示:小提琴