如何在每个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"。然后你就可以这样做（the code on 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来支持多个帖子。此外，您应该在启动时隐藏“删除”元素。