Replacing/reloading input list with jQuery and leaving first element

I created jQuery function that gets bunch of simple objects that contains i开发者_Python百科d and title.

Then I run simple loop to create list:

$.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>');
});

But now I don't know how to do the cleaning part.

I want to append this list to certain <ul>, I could do that with .appendTo(), but each time i would call this, it would add more and more lists. So before appending I would need to delete <ul> contains with .empty(). But the main problem is that I want to keep first element that would be same input just with no value and title of "Select all" (You get the idea).

Could you use something like this to 'clear' the ul -

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

That should remove all the items in the ul aprt from the first one.

Working demo - http://jsfiddle.net/zUuE9/

You could clear your ul with:

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

This would leave your Select All Checkbox (value="") in the ul.

To remove all li's except for the first one, try this:

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