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


124

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

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

як здається, обидва цього не виконали .. яка команда знову?

ОНОВЛЕННЯ:
Спасибі, хлопці, я повинен мати помилку синтаксису на своєму селекторі.


Ви думаєте $("ul").remove();?
Dave Kiss

2
$ ("ul"). empty () має працювати і очищати дитячі.
Naor

1
@Dave Kiss: видалення видалить сам ul ul.
Наор

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('')

Це дивно. Для мене працює у Chrome (версія 20.0). jsfiddle.net/Ax4xq У будь-якому випадку я фактично віддаю перевагу прийнятій відповіді.
RoccoC5


1

Подивіться свій клас або ідентифікатор. Можливо, як цей $ ("# resi_result"). Html (''); Це має працювати:


1
Ласкаво просимо до SO! Чому, на вашу думку, ваша відповідь покращується щодо існуючої, прийнятої відповіді?
cfi


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');
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.