如何刪除 <li></li> 來自ul？

Question

如何從ul列表中刪除特定的<li></li> ？ 我正在動態添加它......當用戶點擊清除時我需要將其刪除。 我怎樣才能做到這一點？

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

Answer 2

$('li').remove();

將刪除所有li元素...我建議您在添加它時給它一個id屬性，以便您知道要刪除哪一個，然后專門選擇它：

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

Answer 3

在編寫元素id屬性時，將唯一值放入其中。 然后，您有一個已知的唯一引用點，從該點可以定位該元素以供以后操作。

Answer 4

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

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