javascript - 表格仅在 tbody 中突出显示

Question

我有几个页面与每个页面上的几个表有关。我有 JQUERY 在偶数线上做斑马条纹并在悬停时改变颜色。但是，它来了，它改变了 THEAD 和 TFOOT 的颜色，我无法将 css 应用于 TFOOT 来改变颜色。

这是代码

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $(function() {
        $('tr').hover(function() {
            $(this).css('background-color', '#FFFF99');
        },
        function() {
            $(this).css('background-color', '');
        });
    });
});

$(function() {
    $("table.tiger-stripe tr:odd").addClass("oddrow");
});
</script>

Answer 1

仅将 strip 化应用于表体

$(function() { 
    $('table.tiger-stripe tbody tr').hover(
        function() { $(this).css('background-color','#FFFF99'); }, 
        function() { $(this).css('background-color', '#000000');}

    );       
    $("table.tiger-stripe tbody tr:odd").addClass("oddrow");  
 });