How does one remove all <li> tags from a parent <ul> tag? [closed]

Question

Given:

    <ul id="myList" class="list-group">       <li>Remove Me 1</li>       <li>Remove Me 2</li>       <li>Remove Me 3</li>     </ul> 

I would like to remove all of the li children from a parent ul, so that when i do:

    $("#myList").append("<li>New li 1</li>"); 

I end up with

    <ul id="myList" class="list-group">       <li>New li 1</li>     </ul> 

Instead of:

    <ul id="myList" class="list-group">       <li>Remove Me 1</li>       <li>Remove Me 2</li>       <li>Remove Me 3</li>       <li>New li 1</li>     </ul> 

Answer 1

try this instead there is no remove i guess$('#thickBoxProductLists').empty();

Answer 2

If you have only li elements inside your ul tag ,Jquery's remove() function is all what you want.

But if you have other text or etc, use empty() function.