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

时间:2011-08-04 12:35:40

标签: jquery

假设:

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

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

    $("#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>

2 个答案:

答案 0 :(得分:79)

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

答案 1 :(得分:5)

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

但如果您有其他文字或其他内容,请使用empty()功能。