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에서 시작 TR 우리 .eq(0)

---

된 색상 물러서

Demo

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