jQuery ลบ element

ด้วย jQuery สามารถลบ element HTML ที่มีอยู่ง่ายๆ

ลบ element/contnet

ถ้าต้องการลบ element และ content ทั้งหมด สามารถใช้วิธี jQuery สองวิธีต่อไปนี้

  • remove() - ลบ element ที่ถูกเลือก (และ child element ของมัน)
  • empty() - ลบ child element จาก element ที่ถูกเลือก

วิธี jQuery remove()

วิธี jQuery remove() ลบ element ที่ถูกเลือก และ child element ของมัน

ตัวอย่าง

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

ทดลองด้วยตัวเอง

วิธี jQuery empty()

วิธี jQuery empty() ลบ element ที่ถูกเลือก จาก child element

ตัวอย่าง

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

ทดลองด้วยตัวเอง

กรอง element ที่ต้องการลบ

วิธี jQuery remove() ยังสามารถรับตัวอักษรหลักหนึ่งเพื่อกรอง element ที่ต้องการลบ

ตัวเลือกนี้สามารถเป็นกฎเลือก jQuery ใดๆ

ตัวอย่างด้านล่างนี้ จะลบ element <p> ที่มี class="italic":

ตัวอย่าง

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

ทดลองด้วยตัวเอง

คู่มืออ้างอิง jQuery HTML

ถ้าต้องการความเรียบร้อยเกี่ยวกับวิธีการ jQuery HTML ทั้งหมด โปรดเข้าชมคู่มืออ้างอิงต่อไปนี้: