如何在每個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來支持多個職位。另外，你應該在啓動時隱藏你的「刪除」元素。