jQuery ปฏิบัติการเอกสาร - วิธีการ replaceAll()

คู่มืออิเล็กทรอนิกส์เจ้าหน้าที่ jQuery

ตัวอย่าง

แทนที่แถวประกาศด้วยข้อความหนา

$(".btn1").click(function(){
   $("p").replaceAll("<b>Hello world!</b>");
});

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

คำอธิบายและการใช้งาน

replaceAll() ใช้ HTML หรือองค์ประกอบที่กำหนดเพื่อแทนที่องค์ประกอบที่เลือก

คำเตือน:replaceAll() กับ replaceWith() การทำงานเหมือนกัน ต่างกันเพียงแค่การใช้งาน: ตำแหน่งของเนื้อหาและตัวเลือก และ replaceWith() สามารถใช้ฟังก์ชันเพื่อแทนที่

การใช้งาน

content).replaceAll(selector)
ตัวแปร คำอธิบาย
content

สำคัญ กำหนดเนื้อหาที่ต้องแทนที่องค์ประกอบที่เลือก

ค่าที่เป็นไปได้

  • รหัส HTML - ตัวอย่าง ("<div></div>")
  • องค์ประกอบใหม่ - ตัวอย่าง (document.createElement("div"))
  • องค์ประกอบที่มีอยู่แล้ว - ตัวอย่าง ((".div1"))

องค์ประกอบที่มีอยู่แล้วจะไม่ถูกย้ายที่ แต่จะถูกคัดลอกและบรรจุองค์ประกอบที่เลือก
selector สำคัญ กำหนดองค์ประกอบที่ต้องแทนที่

ตัวอย่างเพิ่มเติม

ใช้องค์ประกอบใหม่เพื่อแทนที่องค์ประกอบ
ใช้ document.createElement() เพื่อสร้าง DOM อิเล็กทรอนิกส์ใหม่ แล้วใช้เพื่อแทนที่องค์ประกอบที่เลือก

คู่มืออิเล็กทรอนิกส์เจ้าหน้าที่ jQuery