jQuery menghapus semua item daftar dari daftar yang tidak berurutan

124

Saya lupa perintah jQuery yang akan menghapus semua elemen daftar dari daftar. Saya melakukan sedikit pencarian, melakukannya beberapa kali sebelumnya, tetapi hanya lupa perintahnya.

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

keduanya tampaknya tidak mencapai ini .. perintah yang mana lagi?

UPDATE:
Terima kasih teman-teman, saya pasti memiliki beberapa kesalahan sintaks pada pemilih saya.

Atticus
sumber
Apakah kamu sedang memikirkan $("ul").remove();?
Dave Kiss
2
$ ("ul"). empty () harus berfungsi dan menghapus childrens.
Naor
1
@Dave Kiss: hapus akan menghapus itu sendiri.
Naor
2
ah, mungkin$("ul").children().remove();
Dave Kiss

Jawaban:

275

$("ul").empty()bekerja dengan baik. Apakah ada kesalahan lainnya?

$('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
sumber
solusi js mentah (tanpa jQuery): stackoverflow.com/questions/10750137/remove-all-li-from-ul
Eido95
17

Seperti dicatat oleh orang lain, $('ul').empty() berfungsi dengan baik , seperti halnya:

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

Demo JS Fiddle .

David mengatakan kembalikan Monica
sumber
11

Ini harus bekerja:

$("ul").html('')
RoccoC5
sumber
Itu aneh. Bekerja untuk saya di Chrome (versi 20.0). jsfiddle.net/Ax4xq Dalam kedua kasus tersebut, saya sebenarnya lebih suka jawaban yang diterima.
RoccoC5
3

$ ("ul"). empty () harus berfungsi dan menghapus childrens. Anda bisa melihatnya di sini:

http://jsfiddle.net/ZKFA5/

Naor
sumber
1

Lihat kelas atau id Anda. Mungkin Seperti Ini $ ("# resi_result"). Html (''); Ini harus bekerja:

Nanang Rustianto
sumber
1
Selamat datang di SO! Menurut Anda mengapa jawaban Anda lebih baik dari jawaban yang sudah ada dan diterima?
cfi
1
   var ul = document.getElementById("yourElementId");

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

Jika Anda memiliki beberapa ul dan ingin mengosongkan ul tertentu maka gunakan id misalnya:

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

turkane pedas
sumber
0

ini berhasil untuk saya dengan kode minimal

$(my_list).remove('li');
pengguna330844
sumber