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

如何使功能不突出显示表中的最后一行？

1 个答案: