如何通过它删除我的ul中的所有li?

w3f*_*her 6 javascript jquery list

我有一个ul列表.

我想通过它删除我的ul中的所有li?

Rob*_*obG 15

所有jQuery的东西.:-)

一个普通的旧javascript版本:

  var ul = document.getElementById('<ul id>');
  if (ul) {
    while (ul.firstChild) {
      ul.removeChild(ul.firstChild));
    }
  }
Run Code Online (Sandbox Code Playgroud)

你也可以设置:

  ul.innerHTML = '';
Run Code Online (Sandbox Code Playgroud)

甚至:

  ul.parentNode.replaceChild(ul.cloneNode(false), ul);
Run Code Online (Sandbox Code Playgroud)

但我更喜欢第一种方法.

  • jQuery> POJS.:) (2认同)

Thi*_*ter 12

如果要删除具有特定ID的a li内的所有元素ul:

$('#id-of-ul > li').remove();
Run Code Online (Sandbox Code Playgroud)

既然ul只有li孩子,你也可以$('#id-of-ul').empty()用来删除它的所有孩子.


Syl*_*ain 5

您还可以使用empty()

$('#listId').empty();
Run Code Online (Sandbox Code Playgroud)


Ric*_*d H 0

快速、肮脏、纯 js 的方法是:

var ul = document.getElementById("ul_id");
ul.innerHTML = "";
Run Code Online (Sandbox Code Playgroud)

当然,这假设没有其他您不想破坏的非李孩子。