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.


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/




11

Ini harus bekerja:

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

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


1

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


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

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



Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.