Javascript HTML:使用jquery的背景色?
HTML: 我是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"); 试试这个 $(
$(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');
});