处理tr的子元素不起作用

Question

I just got stuck again, perhaps someone else can spot the problem easier. The 1st tr's children (such as table cells) don't change background on hovering with this code:

$("#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>

Is it the quotes?

Answer 1

.find()

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

Demo

:eq() index starts from 0 if you want 1st tr us .eq(0)

---

Get back old color

Demo

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