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.


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/






1

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


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

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



Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.