由jquery提供的可关闭列表项

Question

我是jQuery的新手。我希望创建一个ul列表（内联），除了每个列表项之外还有一个关闭标记X，点击后，应删除该列表项（或关闭/隐藏它）...

对于Eg：我想要在stackoverflow上向这里的问题添加标签时出现相同的效果..我们可以通过点击X删除所选标签除了每个标签

提前感谢您的帮助

Answer 1

喜欢这个？ ：http://jsfiddle.net/s8rzu/1/

Answer 2

看看我刚刚制作的这个例子：http://jsfiddle.net/ZDgSX/1/。

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

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

然后，使用jquery .append（）函数，在每个列表项的末尾添加一个链接，如下所示：

$('ul li').append(' <span>[<a href="#">X</a>]</span>');

这样，那些没有javascript的人就无法点击有效对他们无能为力的链接。

然后，您基本上需要做的就是为＆＃34; X＆＃34;创建一个点击事件。链接，然后从DOM中删除li元素。

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

首先要了解一下这一点，但通过阅读jquery文档，更详细地了解这些功能（以及更多）的作用是一种很好的方法。