jquery - 如何使函数不突出显示表中的最后一行？

Question

我有一个函数可以突出显示表格中的每一行(CSS代码)

.stripe1 {
    background-color:#999999;
}
.stripe2 {
    background-color:#666666;
}
.highlight {
    background-color: #ffcc66;
    font-weight:bold;
}


  <script type="text/javascript">
    $(function() {
        $("#table-example-1 tr:even").addClass("stripe1");
        $("#table-example-1 tr:odd").addClass("stripe2");

        $("#table-example-1 tr").hover(
            function() {
                $(this).toggleClass("highlight");
            },
            function() {
                $(this).toggleClass("highlight");
            }
        );
    });
</script>

只有表中的最后一行 tfoot 效果很好我希望它是不同的颜色(红色)。

我怎样才能做到这一点？我做了一个http://jsfiddle.net/pd981Lps/ ，稍微改变一下我的代码，使思考更容易阅读。

Answer 1

将选择器更改为目标 tbody:$("#table-example-1 tbody tr")