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.


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/




11

Das sollte funktionieren:

$("ul").html('')

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


1

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


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

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



0

Das hat bei mir mit minimalem Code funktioniert

$(my_list).remove('li');
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.