Javascript 奇数表行行为
我的Javascript非常基本,但由于某些原因,我遇到了麻烦。我有一个正在动态构建的表,我的脚本的目标是选择最后5行(如果总共有10行以上),并对最后5行应用CSS样式。我构建了一个简化的示例,其中前5行应该变成蓝色,最后5行变成红色 也许有更好的方法可以做到这一点。任何帮助都将不胜感激 回答:Javascript 奇数表行行为,javascript,jquery,html-table,Javascript,Jquery,Html Table,我的Javascript非常基本,但由于某些原因,我遇到了麻烦。我有一个正在动态构建的表,我的脚本的目标是选择最后5行(如果总共有10行以上),并对最后5行应用CSS样式。我构建了一个简化的示例,其中前5行应该变成蓝色,最后5行变成红色 也许有更好的方法可以做到这一点。任何帮助都将不胜感激 回答: 使用slice()可以实现我的目标。这可以在这里看到:谢谢Kevin B.不用看太长时间的代码,我想您正在寻找and选择器 编辑:由于您得到的是所有行,因此可能会更好。对于您解释的问题,最简单的方法是
使用
slice()
可以实现我的目标。这可以在这里看到:谢谢Kevin B.不用看太长时间的代码,我想您正在寻找and选择器
编辑:由于您得到的是所有行,因此可能会更好。对于您解释的问题,最简单的方法是:
var rows = $("table.primary_table > tbody > tr");
if (rows.length > 10) {
rows.filter(":lt(5)").css("background-color", "blue")
.end()
.slice(-5).css("background-color", "red");
}
不够精简,噪音太大。我认为这里的信息真的不够多。使用
:gt
和:lt
,可以使用一行代码对最后5个和前5个进行着色,尽管查看您的代码,我不确定这是否是您真正想要的。我现在将对此进行研究。谢谢,这太完美了。非常感谢你。我不知道slice(),很高兴知道。