用 jQuery 替换/重新加载输入列表并保留第一个元素

Question

我创建了 jQuery 函数，它获取一堆包含 id 和 title 的简单对象。

然后我运行简单的循环来创建列表：

$.each(data['results'], function(key, val) {
    items.push('<label for="radio_show_' + val['id'] + '" >' 
        + '<input type="checkbox" name="radio_show" class="checkbox" id="radio_show_' + val['id'] + '" value="'+ val['id'] + '" >'
        + val['title'] 
        + '</label>');
});

但现在我不知道如何进行清洁部分。

我想将此列表附加到某些

，我可以使用 .appendTo() 来做到这一点，但每次我调用它时，它都会添加更多和更多列表。因此，在附加之前，我需要删除包含
的 .empty()。但主要问题是我想保留第一个元素，该元素将是相同的输入，只是没有值和“全选”标题（你明白了）。

Answer 1

您可以使用类似的方法来“清除”ul -

$("ul > li:not(:first)").remove() 

这应该从第一个项目中删除 ul aprt 中的所有项目。

工作演示 - http://jsfiddle.net/zUuE9/

Answer 2

您可以通过以下方式清除 ul：

$('#my_ul input[value!=""]').parent('li').remove();

这会将您的全选复选框 (value="") 保留在 ul 中。

Answer 3

要删除除第一个之外的所有 li，请尝试以下操作：

$('#my-ul li').slice(1).remove();