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 时，that #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() .