0

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

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

回答
使用slice()使我能够实现我的目标。可以在这里看到:http: //jsfiddle.net/helpinspireme/3zCp8/ 谢谢凯文B。

4

2 回答 2

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

于 2012-06-21T14:28:28.903 回答
0

如果不看代码太久,我猜您正在寻找gtlt选择器。

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

于 2012-06-21T14:25:24.123 回答