考虑我有两行的表。每行包含一些用户图像。(实际上,我已经使用ajax调用从JSON填充了表数据)。因此,当我将鼠标悬停在特定行上时,它应该在div中显示该特定行的图像。如何使用jquery实现此目的?
我认为您想在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"));
});
合,对您有帮助。祝你今天愉快。:)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句