javascript - jquery : how to set a css class for tr and td 的 DataTables 表插件

Question

我正在尝试使用 DataTables 表查询插件将 css 类设置为一行。

初始化完成后，我设法在 tr 标签上设置类:

"fnInitComplete": function(oSettings) {
                                for (var i = 0, iLen = oSettings.aoData.length; i < iLen; i++) {
                                    oSettings.aoData[i].nTr.className = "myClass";
                                }
                            },

我想为每个新行设置一个回调，并设置为 tr class a 和 td class b

我知道如何添加类(class)，我需要设置类(class)!

"fnRowCallback": function(nRow, aaData, iDisplayIndex) {
                                console.log(aaData);
                                $('tr', nRow).addClass('a');
                                $('td:eq(0)', nRow).addClass('b');
                                $('td:eq(1)', nRow).addClass('b');
                                $('td:eq(2)', nRow).addClass('b');
                                $('td:eq(3)', nRow).addClass('b');
                                return nRow;
                            },

这就是困扰我的问题:

$('tr', nRow).addClass('a');

我不知道如何将类设置为 tr 标签。

Answer 1

根据文档 (fnRowCallback) nRow 代表一个 TR 元素

所以应该这样做:

$(nRow).addClass('a');

---

如果你想将类添加到特定行 N# 你可以使用这个(只需构建一个合适的选择器):

$("tr:eq(" + rowNumber+ ")").addClass('a');

字符串应该像这样 "tr:eq(1)"