วันนี้เรียวจะมาแนะนำ Method replaceAll() ไม่พูดพร่ำทำเพลงเพราะกำลังฟังโปเตโต้อยู่ (ไม่รู้จะอธิบายอย่างไง) คร่าว ๆ มันจะคล้าย ๆ Method replaceWith() ที่อธิบายไปคราวก่อนนั่นหละ คือจะเอาอิลิเมนต์ภายในเซ็ตไปแทน selector ที่เรากำหนด
ก่อนอื่นสร้างอิิลิเมนต์มาก่อนเหมือนเดิม
<div>การใช้ Method replaceAll()</div>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
จากนั้นเขียน jQuery เลย
$(document).ready(function() {
$("<b>Hello world!</b>").replaceAll("p");
});
ทีนี้ลองรันดู
<div>การใช้ Method replaceAll()</div>
<b>Hello world!</b>
<b>Hello world!</b>
จะเห็นว่าแท็ก p ทั้งหมดถูกแทนด้วย <b>Hello Word!</b>
ทีนี้เราต้องการ replace แบบไหนก็กำหนด selector เอาเองไ้ด้เลยจ้า
ฟังโปเตโต้ต่อไปดีกว่า ~~ ฉันไมู่รู้จะอธิบายยังไง~~ ต้องไปลองกันเอาเอง
ไม่มีความคิดเห็น:
แสดงความคิดเห็น