Как удалить все теги <li> из родительского тега <ul>?

Дано:

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

Я хотел бы удалить все дочерние li из родительского ul, так что когда я это сделаю:

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

В конечном итоге

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

Вместо:

    <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>

Ответ 1

попробуйте это, вместо этого нет удаления, я думаю $('#thickBoxProductLists').empty();

Ответ 2

Если в вашем теге ul есть только li-элементы, функция Jquery remove() - это все, что вы хотите.

Но если у вас есть другой текст и т.д., используйте функцию empty().