如何从 ul 中删除 <li></li>？

Question

如何从 ul 列表中删除特定的 <li></li> ？我正在动态添加它……当用户点击清除时我需要删除它。我怎样才能做到这一点？

原文由 nimi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这取决于您拥有什么以及要添加什么。假设您最终添加了项目，所以它看起来像这样：

 <ul id="list">
  <li><a href="#" class="clear">clear</a></li>
  <li><a href="#" class="clear">clear</a></li>
  <li><a href="#" class="clear">clear</a></li>
</ul>

然后使用 remove() 删除单个项目：

 $("#list a.clear").click(function() {
  $(this).parent().remove();
  return false;
});

但如果你有：

 <ul id="list">
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>
<a href-"#" id="clear">Clear</a>

并且您想清除所有这些然后使用 empty() ：

 $("#clear").click(function() {
  $("#list").empty();
  return false;
});

原文由 cletus 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

$('li').remove();

将删除所有 li 元素…我建议您在添加它时给它一个 id 属性，以便您知道要删除哪个元素，然后通过以下方式专门选择它：

 $('#my_li').remove();

原文由 mpen 发布，翻译遵循 CC BY-SA 2.5 许可协议