Question

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

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

两者似乎都没有完成这个......又是哪个命令？

更新：
谢谢大家，我的选择器必须有一些语法错误。

Answer 1

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

Answer 2

正如其他人所指出的，$('ul').empty() works fine同样如此：

$('ul li').remove();

JS Fiddle demo

Answer 3

这应该有效：

$("ul").html('')

Answer 4

$（“ul”）。empty（）应该工作并清除孩子们。你可以在这里看到它：

http://jsfiddle.net/ZKFA5/

Answer 5

看你的课程或身份证明。也许就像这样 $（ “＃resi_result”）HTML（ ''）。这应该有效：

Answer 6

如果你有多个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" />

Answer 7

   var ul = document.getElementById("yourElementId");

     while (ul.firstChild)
         ul.removeChild(ul.firstChild);

Answer 8

使用.remove()的示例：

<p>Remove LI's from list</p>
<ul>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
</ul>
<p>END</p>

setTimeout(function(){$('ul li').remove();},1000);

http://jsfiddle.net/userdude/ZAd2Y/

此外，.empty() should have worked。

Answer 9

这对我来说只需要很少的代码

$(my_list).remove('li');

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

9 个答案: