Jquery ui 悬停时在右侧显示编辑图标

我有一些关于联合国订单列表的系列，包装上有我想在鼠标上方显示编辑图标。。。如何使用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>

---

为此，您应该使用and将链接附加到任何您想要的位置。为此，您应该使用and将链接附加到任何您想要的位置。请尝试以下操作：

$('a').mouseenter(function () {
    // show icon here
});
$('a').mouseleave(function () {
    // hide or remove icon here
});

如果您只想显示带有href属性的锚定标记图标，则可以使用“a[href=]”选择器。

尝试以下操作：

$('a').mouseenter(function () {
    // show icon here
});
$('a').mouseleave(function () {
    // hide or remove icon here
});

---

如果您只想显示带有a href属性的锚定标记图标，则可以使用“a[href=]”选择器。

这基本上可以通过以下方式工作： 你有：

...
<li><a href="#">Link</a><span class="additional">extra info</span></a></li>
...

最后是jQuery：

$('a').hover(function(){
$(this).next('.additional').show();
},function(){
$(this).next('.additional').hide();
});

---

有关更多信息，请参见，这基本上可以通过以下方式工作： 你有：

...
<li><a href="#">Link</a><span class="additional">extra info</span></a></li>
...

最后是jQuery：

$('a').hover(function(){
$(this).next('.additional').show();
},function(){
$(this).next('.additional').hide();
});

有关更多信息，请参见查看此项

看看这个

---

jQuery对于各种事情都很好，但在这里可能有些过分了。使用简单的旧HTML+CSS可以轻松实现这一点

CSS:

HTML:

---

jQuery对于各种事情都很好，但在这里可能有些过分了。使用简单的旧HTML+CSS可以轻松实现这一点

CSS:

HTML:

---

您必须多指定一点“显示编辑图标”的含义，您想将其放置在何处？您必须多指定一点“显示编辑图标”的含义，您想将其放置在何处？@erimerturk。。虽然做了一些调整，根据我的需要，但作为一个整体，正是我想要的。。谢谢..@erimerturk。。虽然做了一些调整，根据我的需要，但作为一个整体，正是我想要的。。谢谢

<ul>
    <li><a href="#">Settings</a></li>
</ul>​