Jquery 如何将类添加到最后两个TR中,并将样式应用到这些TR中的TDs

Jquery 如何将类添加到最后两个TR中,并将样式应用到这些TR中的TDs,jquery,Jquery,我正在努力 1) 将类添加到页面上每个表的最后两个tr中 2) 并且还设计了这两个TR中的第一、第二、第五和第八个TD 下面的代码似乎不起作用 var rowCount = $('table tr').length; $('table tr').eq(rowCount - 1).addClass('myClass'); $('table tr').eq(rowCount - 2).addClass('myClass'); 谢谢 BB试着切片 $(function() { $('ta

我正在努力 1) 将类添加到页面上每个表的最后两个tr中 2) 并且还设计了这两个TR中的第一、第二、第五和第八个TD

下面的代码似乎不起作用

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

BB

试着切片

$(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');
});
试着切片

$(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');
});

要将类添加到每个表的最后两行,可以使用:

$('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();
});

这最后一点看起来有点乱。我认为有更好的方法,但这是可行的。

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

$('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();
});

这最后一点看起来有点乱。我想有更好的方法,但这很有效。

好吧,这是一个ID,还是一个ID???@BumbleBee-我编辑了答案,还记得文档准备功能吗?@adeneo在缺少的
before end():)@wirey-谢谢,天哪!错过了?我试过你的密码,但没有运气。下面是我观察到的:$('table tr:last child td:nth child(1)').css('background-color','#ffa');更改每个表格最后一个TR的第一个td的颜色。但是,$('table tr:last child').addClass('myClass');不起作用。好吧,它是一个ID,还是“不是?”@BumbleBee-我编辑了答案,还记得文档准备功能吗?@adeneo在缺少的
结尾()之前添加了:)@wirey-谢谢,天哪!错过了?我试过你的密码,但没有运气。下面是我观察到的:$('table tr:last child td:nth child(1)').css('background-color','#ffa');更改每个表格最后一个TR的第一个td的颜色。但是,$('table tr:last child').addClass('myClass');我发现:$('table tr:last child td:nth child(1)').css('background-color','#ffa');更改页面上每个表的最后一个TR的第一个td的颜色。但是,$('table tr:last child').addClass('myClass');这是行不通的。我尝试了你的代码,但它仍然不会添加类。下面是我发现的:$('table tr:last child td:nth child(1)').css('background-color','#ffa');更改页面上每个表的最后一个TR的第一个td的颜色。但是,$('table tr:last child').addClass('myClass');这是行不通的。我尝试了你的代码,但它不会添加类。