jQuery usuwa wszystkie elementy listy z listy nieuporządkowanej

124

Zapomniałem polecenia jQuery, które usunie wszystkie elementy listy z listy. Trochę szukałem, robiłem to kilka razy wcześniej, ale po prostu zapomniałem polecenia.

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

oba wydawały się nie wykonywać tego… które polecenie to znowu?

AKTUALIZACJA:
Dzięki chłopaki, muszę mieć jakiś błąd składniowy na moim selektorze.

Atticus
źródło
Czy myślisz o $("ul").remove();?
Dave Kiss,
2
$ ("ul"). empty () powinno działać i czyścić elementy potomne.
Naor,
1
@Dave Kiss: remove spowoduje usunięcie samego siebie.
Naor,
2
ah, może$("ul").children().remove();
Dave Kiss,

Odpowiedzi:

275

$("ul").empty()działa w porządku. Czy jest jakiś inny błąd?

$('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/

Richard Dalton
źródło
17

Jak zauważyli inni, $('ul').empty() działa dobrze , podobnie jak:

$('ul li').remove();

Demo JS Fiddle .

David mówi, że przywróć Monikę
źródło
11

To powinno działać:

$("ul").html('')
RoccoC5
źródło
To dziwne. U mnie działa w Chrome (wersja 20.0). jsfiddle.net/Ax4xq W obu przypadkach wolę zaakceptowaną odpowiedź.
RoccoC5
3

$ ("ul"). empty () powinno działać i czyścić elementy potomne. możesz to zobaczyć tutaj:

http://jsfiddle.net/ZKFA5/

Naor
źródło
1

Spójrz na swoją klasę lub identyfikator. Być może w ten sposób $ ("# resi_result"). Html (''); To powinno działać:

Nanang Rustianto
źródło
1
Witamy w SO! Jak myślisz, dlaczego Twoja odpowiedź jest lepsza od istniejącej, zaakceptowanej odpowiedzi?
por.
1
   var ul = document.getElementById("yourElementId");

     while (ul.firstChild)
         ul.removeChild(ul.firstChild);
Alexandre Lima
źródło
1

Jeśli masz wiele ul i chcesz opróżnić określony ul, użyj id, np:

<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" />

sparsh turkane
źródło
0

to zadziałało dla mnie z minimalnym kodem

$(my_list).remove('li');
user330844
źródło