如何在jQuery中清除列表，即通过单击一个按钮删除列表中的所有项目？

t2a7ltrp 于 2024-01-07 发布在 jQuery

关注(0)|答案(1)|浏览(172)

删除单个任务项的代码可以正常工作，但单击删除所有任务项的代码不起作用。是否有简单的方法删除所有内容或重置列表？
完整代码：https://jsfiddle.net/hufflepuff_hamlet/r9uogxwL/2/

<button class="btn btn-danger" onclick="removeAll()">
<span class="glyphicon glyphicon-remove"> Clear All Tasks</span></button>

个字符

1条答案

要删除ul中的所有li项，可以执行以下操作：

$('.uncompleted > li').remove();

字符串
也可以使用empty清空列表

$('.uncompleted').empty();

型
innerHTML = ""应该也可以工作，但是您在选择元素时遇到了问题

document.getElementsByClassName("uncompleted")[0].innerHTML = "";

型
使用getElementsByClassName代替getElementById

展开查看全部