マウスオーバーで削除ボタンを表示し、削除後にliまたはdivを削除します

Question

PHPコードでは、いくつかの英語の単語がデータベース（ポストグル）からポピュレートされ、liに入れられます。 私が必要とするのは、各liにはロード中に隠されている削除ボタンが必要です。マウスが動かされるとその画像が見えるはずです。

その後、ajaxを使用してデータベース側で削除操作が実行され、そのliは削除されます（すでにコード化されているので問題ありません）。

私はこのlinkに行ってしまいましたが、ボタンのクリックイベントだけがliブロック全体で発生するのではありません。将来は編集のようなボタンを追加します。

あなたが作成したコメントにマウスカーソルを合わせると、同じことが分かります。削除アイコンは、stackoverflowに表示されます。

Answer 1

jQueryはあなたの日を節約します。

<li>words <img src="delete.jpg" style="display:none;"/></li> 

$('li').mouseover(function(event) 
{ 
    $(this).find('img').show(); 
}); 

$('li').mouseout(function(event) 
{ 
    $(this).find('img').hide(); 
});