當我將鼠標懸停在表格行時，如何在div中的表格中顯示圖像？

Question

考慮我有兩行的表。每行包含一些用戶圖像。 （其實我已經使用Ajax調用從JSON填充表數據）。所以，當我將鼠標懸停在特定的行上時，它應該在div中顯示特定的行圖像。如何實現這個使用jQuery？

Answer 1

我想你想在div中顯示該圖像。我已經在小提琴中解決了它。 這裏是JsFiddle

HTML代碼

<table> 
    <tr> 
     <td><img src="http://www.mentoringminds.com/images/LinkedInIcon.png" alt="" /></td> 
    </tr> 
    <tr> 
     <td><img src="https://cdn4.iconfinder.com/data/icons/pictype-free-vector-icons/16/view-256.png" alt="" /></td> 
    </tr> 
</table> 

<div id="displayDiv"> 
    <img src="" alt=""/> 
</div> 

JS代碼

$("td img").mouseover(function(){ 
    $("#displayDiv img").attr("src",$(this).attr("src")); 
}); 

合，它可以幫助你。祝你今天愉快。 :)