jquery - 当我将鼠标悬停到表格行时，如何在 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"));
});

跳，它可能会帮助你。祝你今天过得愉快。 :)