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

仅将条带应用于表tbody

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

Answer 2

我们能看到你的桌子代码吗？你确定tfoot中有多个tr行因为：odd只会在备用行上触发，所以必须至少有两行。

哦，你的意思是没有希望tfoot触发？

在这种情况下，只需使用$('tbody tr:odd')作为选择器。

Answer 3

谢谢大家......

这是代码的样子....

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script><script type="text/javascript">
$(function() {
           $('table.tiger-stripe tbody tr').hover(
                function() { $(this).css('background-    color','#FFFF99'); },
                function() { $(this).css('background-    color', '');}    );
           $("table.tiger-stripe tbody tr:nth-child(even)").addClass    ("oddrow");   });

</script>

表格仅在tbody中突出显示

3 个答案: