jquery - 使用 JQuery 从列表中删除特定元素

Question

我有一个动态列表，如下所示:

<ul>
<li class="border" id="tl_1">Text1</li>
<li class="border" id="tl_2">Text2</li>
<li class="border" id="tl_3">Text3</li>
</ul>

该列表可以包含比这三个更多的项目。

当有人点击特定按钮时，我希望例如“tl_2”将从列表中删除。我尝试使用这些 JQuery 命令，但它们都不起作用:

$('#tl_2').remove();

或

$('li').find('tl_1').remove();

我该如何解决这个问题？

Answer 1

您可能有多个具有相同 ID 的元素。

您根本不必使用 ID，如果您想通过索引删除它们，您可以使用 .eq() 方法:

$("#btnRemove").click(function() {
    $("#myList li").eq(1).remove();
});

这将删除每次点击的第二个列表项。

Live test case .