jQuery entfernt alle Listenelemente aus einer ungeordneten Liste

124

Ich habe den Befehl jQuery vergessen, mit dem alle Listenelemente aus einer Liste gelöscht werden. Ich habe ein bisschen gesucht, es ein paar Mal zuvor gemacht, aber einfach den Befehl vergessen.

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

beide schienen dies nicht zu erreichen .. welcher Befehl ist es wieder?

UPDATE:
Danke Jungs, ich muss einen Syntaxfehler auf meinem Selektor haben.

Atticus
quelle
Denken Sie an $("ul").remove();?
Dave Kiss
2
$ ("ul"). empty () sollte funktionieren und die Kinder löschen.
Naor
1
@ Dave Kiss: remove entfernt das ul selbst.
Naor
2
Ah, vielleicht$("ul").children().remove();
Dave Kiss

Antworten:

275

$("ul").empty()funktioniert gut. Gibt es einen anderen Fehler?

$('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
quelle
rohe js (keine jQuery) -Lösung: stackoverflow.com/questions/10750137/remove-all-li-from-ul
Eido95
17

Wie von anderen angemerkt, $('ul').empty() funktioniert es gut , ebenso wie:

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

JS Fiddle Demo .

David sagt, Monica wieder einsetzen
quelle
11

Das sollte funktionieren:

$("ul").html('')
RoccoC5
quelle
Das ist seltsam. Funktioniert für mich in Chrome (Version 20.0). jsfiddle.net/Ax4xq In beiden Fällen bevorzuge ich die akzeptierte Antwort.
RoccoC5
3

$ ("ul"). empty () sollte funktionieren und die Kinder löschen. Sie können es hier sehen:

http://jsfiddle.net/ZKFA5/

Naor
quelle
1

Schau deine Klasse oder ID an. Vielleicht so $ ("# resi_result"). Html (''); Das sollte funktionieren:

Nanang Rustianto
quelle
1
Willkommen bei SO! Warum verbessert sich Ihre Antwort Ihrer Meinung nach gegenüber der vorhandenen, akzeptierten Antwort?
cfi
1
   var ul = document.getElementById("yourElementId");

     while (ul.firstChild)
         ul.removeChild(ul.firstChild);
Alexandre Lima
quelle
1

Wenn Sie mehrere ul haben und bestimmte ul leeren möchten, verwenden Sie die ID, z.

<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
quelle
0

Das hat bei mir mit minimalem Code funktioniert

$(my_list).remove('li');
user330844
quelle