javascript - 从 UL jquery 中删除一个(没有 id)元素

Question

嗨!

我的问题是我要 append 到这样的 UL:

$("#tagek").append("<li><a>"+arr[0]+"</a><span class='ex'><a>X</a></span></li>");

就这么简单:我想制作一个标签云。当有人输入逗号时，将标签添加到 ul 列表中。这就像魅力一样，但是我想向 li 元素添加一个“X”，这样当有人单击它时，它将被删除。类似这样的事情:

$(document).on('click','.ex',function(){
var li = $('.ex').closest("li");
li.remove();
});

因此，当我单击“.ex”范围时，其“li”应该消失。这是可行的，但每个 li 都被删除(逻辑上)，因为每个“X”都有相同的类。

对此有什么想法吗？

也许用.eq()？

谢谢。

Answer 1

您正在试验这种行为，因为您要删除每个“.ex”元素中最接近的“li”，而不是单击的元素。请在处理程序中使用 $(this) 选择器:

尝试:

$(document).on('click','.ex',function(){
    $(this).parent().remove();
});