javascript – 如何从ul中删除>?

前端之家收集整理的这篇文章主要介绍了javascript – 如何从ul中删除>?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何删除特定的< li>< / li>从ul列表?
我正在动态添加它…
我需要在用户点击清除时将其删除.我怎样才能做到这一点?

解决方法

这取决于你拥有什么以及你要添加什么.假设你最终添加了项目,所以它看起来像这样:
  1. <ul id="list">
  2. <li><a href="#" class="clear">clear</a></li>
  3. <li><a href="#" class="clear">clear</a></li>
  4. <li><a href="#" class="clear">clear</a></li>
  5. </ul>

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

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

但如果你有:

  1. <ul id="list">
  2. <li>one</li>
  3. <li>two</li>
  4. <li>three</li>
  5. </ul>
  6. <a href-"#" id="clear">Clear</a>

你要清除所有这些然后使用empty()

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

猜你在找的JavaScript相关文章