javascript - 在 javascript 中突出显示我的表格的一些行

Question

我需要突出显示表格中的某些行。此突出显示基于我的 response 对象中存在的行。该对象可以如下所示:

<table id="ListRequests" class="table table-striped">    
    <tbody>
        <tr id="13955">
            <td>JEAN DUPONT</td>                
            <td>ACLIMEX SPRL</td>
        </tr>
    </tbody>
</table>

这是我的 JavaScript 代码:

        var id = $("tbody tr", response).attr('id');
        var cols = $('#' + id + ' td');
        cols.effect("highlight", {}, 30000);

仅当我的响应对象仅包含 1 行时，此方法才能正常工作。现在我需要能够一次突出显示 1 行以上。例如下面的响应对象:

<table id="ListRequests" class="table table-striped">    
    <tbody>
        <tr id="13955">
            <td>JEAN DUPONT</td>                
            <td>ACLIMEX SPRL</td>
        </tr>
        <tr id="13954">
            <td>MIKE GIVER</td>                
            <td>ARGO INTERNATIONAL CORP</td>
        </tr>
    </tbody>
</table>

知道如何为此目的调整我的 javascript 代码吗？

Answer 1

如果你真的想按照你现在的方式来做，那么你需要使用每个

var trs = $("tbody tr", response);
trs.each( function () {
    var id = this.id,
        cols = $('#' + id + ' td');
    cols.effect("highlight", {}, 30000);
});

最好返回一个带有要选择的 id 的 JSON 对象。