Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 奇数表行行为_Javascript_Jquery_Html Table - Fatal编程技术网

Javascript 奇数表行行为

Javascript 奇数表行行为,javascript,jquery,html-table,Javascript,Jquery,Html Table,我的Javascript非常基本,但由于某些原因,我遇到了麻烦。我有一个正在动态构建的表,我的脚本的目标是选择最后5行(如果总共有10行以上),并对最后5行应用CSS样式。我构建了一个简化的示例,其中前5行应该变成蓝色,最后5行变成红色 也许有更好的方法可以做到这一点。任何帮助都将不胜感激 回答: 使用slice()可以实现我的目标。这可以在这里看到:谢谢Kevin B.不用看太长时间的代码,我想您正在寻找and选择器 编辑:由于您得到的是所有行,因此可能会更好。对于您解释的问题,最简单的方法是

我的Javascript非常基本,但由于某些原因,我遇到了麻烦。我有一个正在动态构建的表,我的脚本的目标是选择最后5行(如果总共有10行以上),并对最后5行应用CSS样式。我构建了一个简化的示例,其中前5行应该变成蓝色,最后5行变成红色

也许有更好的方法可以做到这一点。任何帮助都将不胜感激

回答

使用
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(),很高兴知道。