jQuery从无序列表中删除所有列表项


124

我忘记了将清除列表中所有列表元素的jQuery命令。我做了一些搜索,之前做了很多次,但是只是忘记了命令。

$("ul").clear()
$("ul").empty()

两者似乎都没有做到这一点..又是哪个命令?

更新:
谢谢大家,我的选择器上一定有语法错误。


你在想$("ul").remove();什么?
Dave Kiss

2
$(“ ul”)。empty()应该起作用并清除子项。
瑙尔

1
@Dave Kiss:删除将删除自己。
瑙尔

2
啊,也许$("ul").children().remove();
Dave Kiss

Answers:


275

$("ul").empty()工作良好。还有其他错误吗?

$('input').click(function() {
  $('ul').empty()
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>test</li>
  <li>test</li>
</ul>

<input type="button" value="click me" />

http://jsfiddle.net/infernalbadger/D5ss8/






1

查看您的课程或ID。也许像这样$(“#resi_result”)。html(''); 这应该工作:


1
欢迎来到SO!您为什么认为您的答案会在现有的公认答案上有所改善?
cfi


1

如果您有多个ul并想清空特定的ul,请使用id例如:

<ul id="randomName">
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ul>


<script>
  $('#randomName').empty();
</script>

$('input').click(function() {
  $('#randomName').empty()
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul id="randomName">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

<ul>
  <li>4</li>
  <li>5</li>
</ul>
<input type="button" value="click me" />



0

这对我来说只需最少的代码

$(my_list).remove('li');
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.