0

私のコードは次のとおりです。

<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>

上記のような投稿も複数あります...「マウスオーバー」#postするたびに、その#post内の#removeが表示されるようにjQueryで作成するにはどうすればよいですか?

4

2 に答える 2

2

まず、そのような投稿が複数ある場合に使用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()。

于 2012-07-24T22:27:48.613 に答える
2

私はあなたのために例を作りました：

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

複数の投稿をサポートするために、ID の代わりにクラスを使用したい。また、起動時に「削除」要素を非表示にする必要があります。

于 2012-07-24T22:27:59.107 に答える