jQuery ลบรายการทั้งหมดออกจากรายการที่ไม่ได้เรียงลำดับ


124

ฉันลืมคำสั่ง jQuery ที่จะล้างองค์ประกอบรายการทั้งหมดจากรายการ ฉันทำการค้นหาเล็กน้อยทำหลายครั้งก่อนหน้านี้ แต่ลืมคำสั่งไป

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

ทั้งสองดูเหมือนจะไม่สำเร็จ .. มันมีคำสั่งไหนอีกแล้ว?

อัปเดต:
ขอบคุณพวกฉันต้องมีข้อผิดพลาดทางไวยากรณ์ในตัวเลือกของฉัน


คุณกำลังคิดถึง$("ul").remove();?
Dave Kiss

2
$ ("ul") ว่าง () ควรใช้งานได้และเคลียร์เด็ก ๆ
Naor

1
@Dave Kiss: ลบจะลบตัวเอง
Naor

2
อาจะ$("ul").children().remove();
Dave Kiss

คำตอบ:


275

$("ul").empty()ใช้งานได้ดี มีข้อผิดพลาดอื่น ๆ อีกหรือไม่?

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


โซลูชัน js ดิบ (ไม่มี jQuery): stackoverflow.com/questions/10750137/remove-all-li-from-ul
Eido95


11

สิ่งนี้ควรใช้งานได้:

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

นั่นเป็นเรื่องแปลก ใช้ได้กับฉันใน Chrome (เวอร์ชัน 20.0) jsfiddle.net/Ax4xqไม่ว่าในกรณีใดฉันชอบคำตอบที่ยอมรับจริงๆ
RoccoC5


2

หากคุณมีหลาย ul และต้องการล้าง ul เฉพาะให้ใช้ id เช่น:

<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

ดูชั้นเรียนหรือรหัสของคุณ อาจจะเหมือนนี้ $ ("# resi_result"). html (''); สิ่งนี้ควรใช้งานได้:


1
ยินดีต้อนรับสู่ SO! ทำไมคุณถึงคิดว่าคำตอบของคุณดีขึ้นสำหรับคำตอบที่มีอยู่และเป็นที่ยอมรับ
cfi



โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.