Question

考虑我有两行的表。每行包含一些用户图像。（实际上我使用ajax调用从JSON填充了表数据）。所以，当我将鼠标悬停到特定行时，它应该在div中显示特定的行图像。如何使用jquery实现这一点？

Answer 1

我想你想在div中显示那个图像。我在小提琴中解决了它。这是JsFiddle

HTML CODE

<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 CODE

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

跳，它可能对你有所帮助。祝你今天愉快。：）

当鼠标悬停在表格行时，如何从div中的表格中显示图像？

1 个答案: