วิธี after ใน jQuery
เมธอด after อนุญาตให้เพิ่ม
ข้อความหลังองค์ประกอบ
ลองพิจารณาตัวอย่างต่อไปนี้ สมมติว่า เรามีย่อหน้า:
<p>ข้อความ</p>
ตอนนี้เขียนโค้ด Javascript ดังต่อไปนี้:
$('p').after('<b>!!!</b>');
หลังจากรันโค้ด ย่อหน้าจะมีลักษณะดังนี้:
<p>ข้อความ</p><b>!!!</b>
ควรสังเกตว่าเมธอดการแทรกทั้งหมดที่กล่าวมาข้างต้น
- prepend, append,
before และ after ยังรองรับ
ความสามารถในการใช้ฟังก์ชันกับแต่ละ
องค์ประกอบในชุดที่เลือกได้
ลองหาทุกย่อหน้าและใส่ ลำดับที่ของมันในชุดที่เลือกต่อท้ายแต่ละ ย่อหน้า:
<p>ข้อความ</p>
<p>ข้อความ</p>
<p>ข้อความ</p>
$('p').append(function(index){return index;});
หลังจากแต่ละ h2 ให้แทรก '<p>?</p>'
ในสายเชนเดียวกัน ก่อนแต่ละ h2 ให้แทรก
'<p>!</p>' และหลัง h2 -
'<p>?</p>'
