emptying some `li` from listview using jQuery Mobile

Question

I have a working listview populated by js. I wanted to add an option to hide the listview but retain the listdivider. I can only come up with this:

$('#myList').empty()

and this emmpties everyrthing. How can I empty the list but not the listdivider?

many thanks.

what do you understand by listdivider ? give us some html code — mas-designs
– mas-designs, Commented Feb 16, 2012 at 11:00

Rory McCrossan · Accepted Answer · 2012-02-16 11:02:00Z

1

Without seeing your HTML I'm assuming here, but try this:

$('#myList li').not("#divider").remove()

This will remove each li element contained in #myList, except the li with an id of divider.

You will need to put whatever valid selector will catch your dividing element in the not() method.

answered Feb 16, 2012 at 11:02

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

It seems jQuery Mobile uses data-role='list-divider', so this should do it: $("#myList li").not("[data-role='list-divider']").remove().