วิธี after ใน jQuery

เมธอด after อนุญาตให้เพิ่ม ข้อความหลังองค์ประกอบ

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

html<p>ข้อความ</p>

ตอนนี้เขียนโค้ด Javascript ดังต่อไปนี้:

javascript$('p').after('<b>!!!</b>');

หลังจากรันโค้ด ย่อหน้าจะมีลักษณะดังนี้:

html<p>ข้อความ</p><b>!!!</b>

ควรสังเกตว่าเมธอดการแทรกทั้งหมดที่กล่าวมาข้างต้น - prepend, append, before และ after ยังรองรับ ความสามารถในการใช้ฟังก์ชันกับแต่ละ องค์ประกอบในชุดที่เลือกได้

ลองหาทุกย่อหน้าและใส่ ลำดับที่ของมันในชุดที่เลือกต่อท้ายแต่ละ ย่อหน้า:

html<p>ข้อความ</p>
<p>ข้อความ</p>
<p>ข้อความ</p>

javascript$('p').append(function(index){return index;});