Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 表仅在tbody中高亮显示_Javascript_Jquery_Css - Fatal编程技术网

Javascript 表仅在tbody中高亮显示

Javascript 表仅在tbody中高亮显示,javascript,jquery,css,Javascript,Jquery,Css,我有几页要做,每页上有几张表。我有一个JQUERY,它可以在均匀的线条上画斑马条纹,在悬停时改变颜色。但是,它来了,它改变了THEAD和TFOOT的颜色,我不能将css应用到TFOOT来改变颜色 这是密码 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(doc

我有几页要做,每页上有几张表。我有一个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>

$(文档).ready(函数(){
$(函数(){
$('tr')。悬停(函数(){
$(this.css('background-color','#FFFF99');
},
函数(){
$(this.css('background-color','');
});
});
});
$(函数(){
$(“table.tiger-stripe tr:odd”).addClass(“oddrow”);
});

仅将条带应用于表体

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

请让我们看看您的表格代码好吗?您确定tfoot中有多个tr行,因为:odd将仅在备用行上触发,因此必须至少存在两行

哦,你是说你不想让tfoot触发吗

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

谢谢大家

下面是执行此操作的代码的外观

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

$(函数(){
$('table.tiger-stripe tbody tr')。悬停(
函数(){$(this.css('background-color','#FFFF99');},
函数(){$(this.css('background-color','';});
$(“table.tiger-stripe tbody tr:nth child(偶数)”).addClass(“oddrow”);});

感谢您的快速回复,我不熟悉使用jquery,一直在复制和粘贴代码的元素以达到这一目的,我已经订购了一本书来了解它,有没有关于如何完成您给出的答案的建议?我已经整理了您的代码并将其放在一个函数中,该函数将在加载DOM时执行-这是$(函数{…});包装内部jQuery selectorsHi Russ的代码,再次感谢,它工作得很好,非常出色,我不得不去掉#000000的颜色,因为它留下了黑色,在“离开”后,它回到了原来的条纹颜色。我不知道这是否是“好的脚本编写”。非常感谢-这已经花了5个小时才弄清楚…有没有办法让它这么好在多个表上,它总是以相同的颜色开始-我读过关于.child的文章,但不确定放在哪里???如果你想在所有具有相同布局的表上使用它,那么只需执行$('tbody tr').hover(…和$('tbody tr:odd').addClass(…谢谢,但是tbody中没有数据,它在tfoot下面,这通常不是正确的方法。请尝试我上面给出的答案中的代码。我知道你的帖子发生了什么。当你发布代码时,你需要确保每行缩进四个空格,这样就可以确定它是一个代码块。每当你需要添加代码或新代码时有关您的问题的信息,请只需单击问题下方的“编辑”即可在新的详细信息中编辑。请仅在实际回答问题时使用答案(即使是您自己的问题)。:)@stu,我建议删除此“答案”编辑您的原始问题以添加此附加细节您好,感谢您的回复。我尝试了它,现在它让我可以设置thead和tfoot的样式,但当我将鼠标滚动到上方时,仍然会高亮显示…有什么想法吗???它将拾取tbody中所有奇怪的tr行。请更具体地说明它高亮显示的时间以及您希望它高亮显示的时间。c奥德鲁斯的作品?