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

Question

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

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;
});