如何改變最接近TR選擇一個TD的IMG SRC和對

Question

我的HTML懸停：

<tbody> 
    <tr> 
     <td>1</td> 
     <td>sdh</td> 
     <td>228285486</td> 
     <td>06/18/15 17:11:53</td> 
     <td>07/12/16 08:46:55</td> 
     <td>5</td> 
     <td class="open_chat"><img src="img/open.png"/></td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td>dsf</td> 
     <td>2248285486</td> 
     <td>06/18/15 17:11:53</td> 
     <td>07/12/16 08:46:55</td> 
     <td>5</td> 
     <td><img src="img/open.png"/></td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>sdfhs</td> 
     <td>2248285486</td> 
     <td>06/18/15 17:11:53</td> 
     <td>07/12/16 08:46:55</td> 
     <td>5</td> 
     <td><img src="img/open.png"/></td> 
    </tr> 
</tbody> 

Answer 1

嘗試使用find()

$('tr').hover(function(){ 
var newurl = 'http://new.url'; 
$(this).find('img').attr('src',newurl); 
}); 

來的舊網址使用mouseLeave事件

$('tr').mouseleave(function(){ 
$(this).find('img').attr('src', 'old_src.jpg'); 
}); 

您可以使用自定義屬性保存舊src和拿回來，當你觸發MouseLeave事件

Answer 2

將這個代碼在你的腳本：

$('tr').hover(function(){ 
    $(this).find('img').attr('src', 'new_src.jpg'); 
});