jQuery sırasız bir listeden tüm liste öğelerini kaldırır


124

Listedeki tüm liste öğelerini temizleyecek jQuery komutunu unuttum. Biraz araştırma yaptım, daha önce birçok kez yaptım, ama sadece komutu unuttum.

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

her ikisi de bunu başarmamış gibi görünüyor .. Yine hangi komut?

GÜNCELLEME:
Teşekkürler arkadaşlar, seçicimde bazı sözdizimi hatası almalıyım.


Düşünüyor $("ul").remove();musun
Dave Kiss

2
$ ("ul"]. empty () çalışmalı ve çocukları temizlemelidir.
Naor

1
@Dave Kiss: kaldır, kendi kendini kaldırır.
Naor

2
belki$("ul").children().remove();
Dave Kiss

Yanıtlar:


275

$("ul").empty()iyi çalışıyor. Başka bir hata var mı?

$('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

Bu çalışmalı:

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

Bu garip. Benim için Chrome'da çalışıyor (sürüm 20.0). jsfiddle.net/Ax4xq Her iki durumda da, aslında kabul edilen yanıtı tercih ederim.
RoccoC5


2

Birden fazla ul'niz varsa ve belirli ul'yi boşaltmak istiyorsanız, id kullanın, örneğin:

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


1

Sınıfınıza veya kimliğinize bakın. Belki Bunun Gibi $ ("# resi_result"). Html (''); Bu çalışmalı:


1
SO'ya hoş geldiniz! Cevabınızın mevcut, kabul edilmiş cevaba göre neden geliştiğini düşünüyorsunuz?
cfi

1
   var ul = document.getElementById("yourElementId");

     while (ul.firstChild)
         ul.removeChild(ul.firstChild);


0

bu benim için minimum kodla çalıştı

$(my_list).remove('li');
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.