jquery可关闭的列表项

我是jQuery新手。我希望创建一个ul列表（内联），在每个列表项之外都有一个关闭标记X，当单击该列表项时，应该删除该列表项（或关闭/隐藏它）

例如：我想要的效果与在stackoverflow上向问题添加标记时显示的效果相同。。除了每个标签外，我们还可以通过单击X来删除所选标签

---

提前感谢您的帮助

像这样

像这样

看看我刚刚做的这个例子：

有很多方法可以剥这只猫的皮，但我可能会这样做，创建一个基本列表：

<ul>
    <li>Apple</li>
    <li>Banana</li>
    <li>Pear</li>
    <li>Orange</li>
</ul>

---

一开始你需要了解很多，但要更详细地了解这些函数（以及更多函数）的功能，最好的方法是阅读文档。

看看我刚刚做的这个示例：

有很多方法可以剥这只猫的皮，但我可能会这样做，创建一个基本列表：

<ul>
    <li>Apple</li>
    <li>Banana</li>
    <li>Pear</li>
    <li>Orange</li>
</ul>

---

一开始要想弄清楚这些函数有很多，但要更详细地了解这些函数（以及更多函数）的功能，最好的方法是阅读文档。

我喜欢答案，但我不喜欢你在鼠标悬停之前隐藏X的做法。我认为可用性差。：）（是的，我知道这与答案的正确性无关——只是旁白）两个答案都很好。。但我想我会选择mdk:）我喜欢这个答案，但我不喜欢你在鼠标悬停之前隐藏X的做法。我认为可用性差。：）（是的，我知道这与答案的正确性无关——只是旁白）两个答案都很好。。但我想我会选择mdk:）

$('ul span a').on('click', function(){
    $(this).closest('li').remove();
});