javascript - 如何在每个 div 中显示一个元素？

Question

我的代码是：

<div id="post">
<a href="./?act=remove&post_id=13" id="remove">Delete</a>
<b>Admin</b> says:
"Hi to all my frends!"
<br>
7 hours ago &middot; 
<a id="like" href="./?act=like&id=13" title="No one likes">Like</a> &middot; 
<a id="dislike" href="./?act=dislike&id=13" title="No one dislikes">Dislike</a>
</div>

我也有多个类似上面的帖子...我如何使用 jQuery 制作，每次我“鼠标悬停”#post 时，#post 中的#remove就会出现？

Answer 1

首先，我认为您想使用class="post"，并且class="remove"如果您有多个类似的帖子。然后你可以这样做（jsfiddle上的代码）：

$(".post").on("mouseover", function(){
    $(this).find(".remove").show();
}).on("mouseout", function(){
    $(this).find(".remove").hide();
});

您可能想要研究的一些 jQuery 函数：.on()、.mouseover()、.mouseout()、.hover()。

Answer 2

我为你做了一个例子：

http://jsfiddle.net/BumbleB2na/a5vuD/1/

您想使用类而不是 ID 来支持多个帖子。此外，您应该在启动时隐藏“删除”元素。