操作 tr 的子元素不起作用

Question

我又卡住了，也许其他人可以更容易地发现问题。第一个 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
});