javascript - 处理 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
});