jQuery - ลบองค์ประกอบ


ด้วย jQuery การลบองค์ประกอบ HTML ที่มีอยู่ทำได้ง่าย


ลบองค์ประกอบ/เนื้อหา

ในการลบองค์ประกอบและเนื้อหา มีสองวิธีหลักๆ ของ jQuery:

  • remove()- ลบองค์ประกอบที่เลือก (และองค์ประกอบย่อย)
  • empty()- ลบองค์ประกอบย่อยออกจากองค์ประกอบที่เลือก

jQuery ลบ () เมธอด

เมธอด jQuery remove()จะลบองค์ประกอบที่เลือกและองค์ประกอบย่อย

ตัวอย่าง

$("#div1").remove();

jQuery ว่างเปล่า () วิธีการ

เมธอด jQuery empty()จะลบองค์ประกอบย่อยขององค์ประกอบที่เลือก

ตัวอย่าง

$("#div1").empty();


กรององค์ประกอบที่จะลบออก

เมธอด jQuery remove()ยังยอมรับพารามิเตอร์หนึ่งตัว ซึ่งช่วยให้คุณกรององค์ประกอบที่จะลบออกได้

พารามิเตอร์สามารถเป็นไวยากรณ์ตัวเลือก jQuery ใดก็ได้

ตัวอย่างต่อไปนี้จะลบ<p>องค์ประกอบทั้งหมดด้วยclass="test":  

ตัวอย่าง

$("p").remove(".test");

ตัวอย่างนี้ลบ<p>องค์ประกอบทั้งหมดด้วยclass="test"และ class="demo":  

ตัวอย่าง

$("p").remove(".test, .demo");

แบบฝึกหัด jQuery

ทดสอบตัวเองด้วยแบบฝึกหัด

ออกกำลังกาย:

ใช้วิธี jQuery เพื่อลบ <div> องค์ประกอบ

$("div").();


การอ้างอิง jQuery HTML

สำหรับภาพรวมทั้งหมดของเมธอด jQuery HTML โปรดไปที่ jQuery HTML/CSS Referenceของเรา