奇数表行行为

时间:2012-06-21 14:18:56

标签: javascript jquery html-table

我的Javascript非常基本,但出于某种原因我遇到了麻烦。我有一个动态构建的表,我的脚本的目标是选择最后5行,如果总行数超过10行并将CSS样式应用于最后的5行。我构建了一个精简的示例,其中前5行应为蓝色,最后5行为红色。 http://jsfiddle.net/helpinspireme/3zCp8/

可能有更好的方法来做到这一点。任何帮助,将不胜感激。

ANSWER
使用slice()让我完成了我的目标。这可以在这里看到:http://jsfiddle.net/helpinspireme/3zCp8/谢谢Kevin B.

2 个答案:

答案 0 :(得分:2)

对于您在问题中尝试解释的内容,最简单的方法是:

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");
}

http://api.jquery.com/slice

答案 1 :(得分:0)

如果不长时间查看代码,我猜您正在寻找gtlt选择器。

编辑:因为你无论如何都要获得所有行slice()可能会更好。