การแทนที่องค์ประกอบด้วยวิธี replaceWith ใน jQuery

คุณสามารถแทนที่องค์ประกอบหนึ่งด้วยอีกองค์ประกอบหนึ่งได้โดยใช้วิธี replaceWith.

ลองพิจารณาตัวอย่าง สมมติว่าเรามีพารากราฟดังต่อไปนี้:

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

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

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

โค้ด HTML จะมีลักษณะดังนี้:

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

ให้แทนที่แต่ละแท็ก h2 ด้วยเนื้อหาภายในของมัน.

ให้แทนที่แต่ละแท็ก h2 ด้วยเนื้อหาภายในของมัน โดยก่อนหน้านั้นให้ห่อเนื้อหาด้วยพารากราฟ.