jQuery удаляет все элементы списка из неупорядоченного списка

124

Я забыл команду jQuery, которая очищает все элементы списка из списка. Я немного поискал, делал это много раз раньше, но просто забыл команду.

$("ul").clear()
$("ul").empty()

оба, похоже, этого не достигли .. какая это команда?

ОБНОВЛЕНИЕ:
Спасибо, ребята, у меня должна быть синтаксическая ошибка в моем селекторе.

Аттикус
источник
Вы думаете $("ul").remove();?
Дэйв Кисс,
2
$ ("ul"). empty () должен работать и очищать дочерние элементы.
Наор
1
@Dave Kiss: remove удалит сам файл.
Наор
2
ах, может быть$("ul").children().remove();
Дэйв Кисс

Ответы:

275

$("ul").empty()работает отлично. Есть еще какая-то ошибка?

$('input').click(function() {
  $('ul').empty()
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>test</li>
  <li>test</li>
</ul>

<input type="button" value="click me" />

http://jsfiddle.net/infernalbadger/D5ss8/

Ричард Далтон
источник
необработанное решение js (без jQuery): stackoverflow.com/questions/10750137/remove-all-li-from-ul
Eido95
11

Это должно работать:

$("ul").html('')
RoccoC5
источник
Странно. У меня работает в Chrome (версия 20.0). jsfiddle.net/Ax4xq В любом случае я предпочитаю принятый ответ.
RoccoC5
1

Посмотрите свой класс или удостоверение личности. Возможно, как это $ ("# resi_result"). Html (''); Это должно работать:

Нананг Рустианто
источник
1
Добро пожаловать в SO! Как вы думаете, почему ваш ответ лучше существующего принятого ответа?
cfi 01
1
   var ul = document.getElementById("yourElementId");

     while (ul.firstChild)
         ul.removeChild(ul.firstChild);
Александр Лима
источник
1

Если у вас несколько ul и вы хотите очистить конкретный ul, используйте id, например:

<ul id="randomName">
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ul>


<script>
  $('#randomName').empty();
</script>

$('input').click(function() {
  $('#randomName').empty()
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul id="randomName">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

<ul>
  <li>4</li>
  <li>5</li>
</ul>
<input type="button" value="click me" />

спарш туркане
источник
0

это сработало для меня с минимальным кодом

$(my_list).remove('li');
user330844
источник