javascript - 用 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>');
});

但是现在我不知道清洁部分该怎么做。

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

Answer 1

你能用这样的东西来“清除”ul -

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

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

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