在悬停显示编辑图标右侧

Question

我有一些关于un-order列表的系列,包含了<a href="#">Link</a>我想在鼠标悬停时显示编辑图标<a href="#">Link</a>...如何使用jquery做到这一点？

<div class="user_welcome_dropDown_wrapper">
     <ul style="padding-left:0; margin-left:0;">
             <li><a href="#">Settings</a></li>
             <li><a href="#">Dummy Link</a></li>
             <li><a href="#">Dummy Link</a></li>
     </ul>

</div>

Answer 1

看一下这个;

http://jsfiddle.net/M48tr/3/

$("a").hover(function(){

$(this).append("<div>edit</div>")
}, function(){

$(this).children("div").remove();
})