如何从父<ul>标签中删除所有<li>标签?

Sau*_*mar 20 jquery

鉴于:

    <ul id="myList" class="list-group">
      <li>Remove Me 1</li>
      <li>Remove Me 2</li>
      <li>Remove Me 3</li>
    </ul>
Run Code Online (Sandbox Code Playgroud)

我想从父级ul中删除所有li子项,以便当我这样做时:

    $("#myList").append("<li>New li 1</li>");
Run Code Online (Sandbox Code Playgroud)

我结束了

    <ul id="myList" class="list-group">
      <li>New li 1</li>
    </ul>
Run Code Online (Sandbox Code Playgroud)

代替:

    <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>
Run Code Online (Sandbox Code Playgroud)

Qch*_*mqs 83

试试这个而不是我想的删除$('#thickBoxProductLists').empty();

  • 是的但是空的完成工作没有她??? (2认同)
  • `$('#thickBoxProductLists li').remove();`将删除具有该id的元素,而不仅仅是其子元素 (2认同)

Chu*_*ris 5

如果你的ul标签中只有li元素,那么Jquery的remove()功能就是你想要的.

但如果您有其他文本或其他,请使用empty()函数.