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

คู่มืออ้างอิง jQuery ผลลัพธ์

ตัวอย่าง

ทดแทนข้อความแต่ละ段落ด้วยข้อความหนา

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

ลองทดสอบเอง

คำนิยามและวิธีใช้

วิธีใช้ replaceWith() มีความหมายคือการทดแทนตัวที่ถูกเลือกด้วยเนื้อหาหรือตัวที่ระบุ

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

ระบุ

$().replaceWith(content)
ตัวอักษร คำอธิบาย
content

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

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

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

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

ใช้ฟังก์ชันเพื่อทดแทนตัว

ใช้ฟังก์ชันเพื่อทดแทนตัวที่ถูกเลือกด้วยเนื้อหาใหม่

ระบุ

$().replaceWith(function())

ลองทดสอบเอง

ตัวอักษร คำอธิบาย
function() สำคัญ ส่งกลับฟังก์ชันของเนื้อหาที่ถูกทดแทน

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

ใช้ตัวใหม่ที่สร้างขึ้นเพื่อทดแทนตัว
ใช้ document.createElement() เพื่อสร้าง DOM ตัวใหม่ แล้วใช้เป็นการทดแทนตัวที่ถูกเลือก

คู่มืออ้างอิง jQuery ผลลัพธ์