Как удалить <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;
});

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