操纵tr的子元素不起作用

Question

我再次陷入困境，也许其他人可以更轻松地发现问题。第1个tr的子节点（例如表格单元格）在使用以下代码悬停时不会改变背景：

$("#target tr:eq(1).find("*")").hover(function(){
        $(this).css("background", "#fff"); 
        })


<table id="target">
<tr><td\>
content 
</td></tr>
<tr><td\>
content 
</td></tr>
</table>

是报价吗？

Answer 1

.find()

$("#target tr:eq(1)").find("*").hover(function () {
                    //^^ move find outside the seletor
    $(this).css("background", "#fff");
});

Demo

：eq（）索引从0开始，如果你想要第一个我们.eq(0)

<小时/> 找回旧颜色

Demo

$("#target tr:eq(1)").find("*").hover(function () {
    $(this).css("background", "#fff");
},function(){
    $(this).css("background", "blue"); //get old color back
});