jQuery xóa tất cả các mục danh sách khỏi danh sách không có thứ tự


124

Tôi quên lệnh jQuery sẽ xóa tất cả các thành phần danh sách khỏi danh sách. Tôi đã làm một chút tìm kiếm, thực hiện nó một loạt các lần trước đó, nhưng chỉ đơn giản là quên lệnh.

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

cả hai dường như không thực hiện được điều này .. lệnh nào lại xảy ra?

CẬP NHẬT:
Cảm ơn các bạn, tôi phải có một số lỗi cú pháp trên bộ chọn của tôi.


Bạn đang nghĩ đến $("ul").remove();?
Dave Kiss

2
$ ("ul"). blank () sẽ hoạt động và xóa trẻ em.
Naor

1
@Dave Kiss: loại bỏ sẽ tự loại bỏ ul.
Naor

2
à, có lẽ$("ul").children().remove();
Dave Kiss

Câu trả lời:


275

$("ul").empty()hoạt động tốt Có một số lỗi khác?

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

Điều này sẽ làm việc:

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

Thật ki quặc. Hoạt động với tôi trong Chrome (phiên bản 20.0). jsfiddle.net/Ax4xq Trong cả hai trường hợp, tôi thực sự thích câu trả lời được chấp nhận.
RoccoC5


1

Nhìn lớp hoặc id của bạn. Có lẽ như thế này $ ("# resi_result"). Html (''); Điều này sẽ làm việc:


1
Chào mừng đến với SO! Tại sao bạn nghĩ rằng câu trả lời của bạn cải thiện câu trả lời hiện có, được chấp nhận?
cfi

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

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

1

Nếu bạn có nhiều ul và muốn làm trống ul cụ thể thì hãy sử dụng id, ví dụ:

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



Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.