วิธี replaceWith

วิธี replaceWith แทนที่องค์ประกอบบางส่วน ด้วยองค์ประกอบอื่น ทำงานคล้ายกับวิธี replaceAll

ไวยากรณ์

พารามิเตอร์ของวิธีสามารถเป็นข้อความ (อาจจะมีแท็ก), อาร์เรย์, องค์ประกอบ DOM หรือออบเจ็กต์ jQuery:

javascript$(what_to_replace).replaceWith(what_to_replace_with);

องค์ประกอบที่เลือกจะถูกแทนที่ด้วยเนื้อหาที่กำหนด โดยข้อความซึ่งจะส่งกลับมาจากฟังก์ชันที่ผู้ใช้กำหนด ฟังก์ชันจะถูกเรียกแยกกัน สำหรับแต่ละองค์ประกอบที่เลือก:

javascript$(selector).replaceWith(function());

ตัวอย่าง

มาแทนที่พารากราฟทั้งหมดที่มีคลาส www ด้วย div ที่มีข้อความ '!!!':

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

javascript$('p.www').replaceWith('<div>!!!</div>');

โค้ด HTML จะกลายเป็นแบบนี้:

html<div>!!!</div>
<div>!!!</div>
<div>!!!</div>
<p>text</p>

ดูเพิ่มเติม