jquery - 如何将类添加到最后两个 TR 并将样式应用于这些 TR 内的 TD

Question

我正在尝试 1) 在第 2 页上的每个表格的最后两个 TRs 中添加一个类，并且还设置这两个 TRs 的第一个、第二个、第五个和第八个 TD 的样式。

下面的一段代码似乎不起作用。

  var rowCount = $('table tr').length;
$('table tr').eq(rowCount - 1).addClass('myClass');
$('table tr').eq(rowCount - 2).addClass('myClass');

谢谢

BB

Answer 1

要将类添加到每个表的最后两行，您可以使用：

$('table').each(function () {
    $(this).find('tr').last().addClass('red').prev().addClass('red');
});

并将一个类添加到每个表的最后两行以及您将使用的每一行的特定列：

$('table').each(function () {
    $(this).find('tr').last().addClass('myClass')
    .find(':nth-child(1)').addClass('myClass').parent()
    .find(':nth-child(2)').addClass('myClass').parent()
    .find(':nth-child(5)').addClass('myClass').parent()
    .find(':nth-child(8)').addClass('myClass').parent()
    .prev().addClass('myClass')
    .find(':nth-child(1)').addClass('myClass').parent()
    .find(':nth-child(2)').addClass('myClass').parent()
    .find(':nth-child(5)').addClass('myClass').parent()
    .find(':nth-child(8)').addClass('myClass').parent();
});

最后一点似乎有点乱。我认为有更好的方法可以做到这一点，但这有效。

Answer 2

试试切片？

$(function() {
    $('table tr').slice(-2).addClass('last_two');

    $('table tr').eq(0).addClass('first')
           .end().eq(1).addClass('second')
           .end().eq(4).addClass('fifth')
           .end().eq(7).addClass('eight');
});