Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.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 HTML:使用jquery的背景色?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript HTML:使用jquery的背景色?

Javascript HTML:使用jquery的背景色?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,HTML: 我是HTML和jQuery新手,请建议我继续…使用这个 $(document).ready(function(){ $("#table2 tr:odd").css("background-color","blue"); }); >在这里不行- 表的层次结构是table>tbody>tr>td,所以在这种情况下,试试这个 $("#table2 > tbody > tr:odd").css("background-color","blue"); 试试这个 $(

HTML:

我是HTML和jQuery新手,请建议我继续…

使用这个

$(document).ready(function(){

    $("#table2 tr:odd").css("background-color","blue");
});
>在这里不行-

表的层次结构是table>tbody>tr>td,所以在这种情况下,试试这个

 $("#table2 > tbody > tr:odd").css("background-color","blue");
试试这个

$("#table2 tr:odd").css("background-color","blue");

tbody、thead和tfoot是由html呈现的,因此您需要使用table2>tbody>tr:odd、table2>thead>tr:odd、table2>tfoot>tr:odd作为选择器,以使其工作,但在这里使用odd没有意义。很简单,只要删除>即可:

$("#table2 tr:odd").css("background-color","blue");
正如其他人所说

$("#table2 tr:odd")
将选择表2中的所有奇数tr,它将适用于一个简单的表。但是,如果您想将一个表放在表2中,它也会选择第二个表的tr,因为它们也在表2中

如果只想选择表2中的tr,而不想选择表2中某个表的tr,可以使用

$("#table2>tbody>tr:odd")

它只选择表2的直接tbody子项的直接tr子项

如果上述工作方式都没有,请尝试将$更改为jQuery,它将工作…

工作正常:


这不是一个解决方案。当有冲突时,你需要使用你的解决方案
$("#table2 tr:odd")
$("#table2>tbody>tr:odd")
$(document).ready(function(){ $('table>tbody>tr:odd').css('background-color', 'blue'); });