Question

我正在尝试删除列表项。

我像这样添加一个项目：

$('#btnAdd').click(function(){
        var text = $('#item').val();
        if(text.length){
            $('<li />',{html: text}).appendTo('ul.justList')
        }
    });

然后将其删除：

 $('#btnRemove').click(function(){
    $("#justList li:last-child").remove();
});

为什么不删除最后一个列表项？有什么建议？非常感谢！

Answer 1

我认为问题可能出在你的标点符号上。注意＆＃34; justList＆＃34;之间标点符号的区别。在.appendTo('ul.justList')和$("#justList li:last-child")。

ul.justList说，＆＃34;寻找<ul> 类的＆＃39; justList＆＃39;，＆＃34;或<ul class="justList">。
#justList说，＆＃34;查找 ID 的任何元素＆quot; justList＆＃39;，＆＃34;或<any-element id="justList">。

类和ID不同，因此请确保您使用正确的标点符号：.表示类，#表示ID。

Answer 2

根据你的add语句，我猜你需要一个删除语句，如：

$('#btnRemove').click(function(){
    $("ul.justList li:last-child").remove();
});

如果你的add语句有效，那么这应该是访问相同的ul

Answer 3

请使用。而不是＃同时删除

$（＆＃39;＃btnRemove＆＃39）。单击（函数（）{

$(".justList li:last-child").remove();

}）;

无法删除列表项？

3 个答案: