วิธีการ insertAfter

วิธีการ insertAfter เพิ่มข้อความหลังจาก องค์ประกอบที่กำหนด นอกจากนี้ยังมีวิธีการ after, ซึ่งทำงานในลักษณะเดียวกัน

โครงสร้าง

การแทรกข้อความหลังจากองค์ประกอบ:

javascript$(ข้อความ).insertAfter(ตัวเลือก);

เนื้อหาอาจเป็นได้ไม่เพียงแต่ข้อความธรรมดา แต่ยังเป็นองค์ประกอบ DOM, ตัวเลือก, อาร์เรย์ขององค์ประกอบ, สตริง หรือออบเจ็กต์ jQuery

ตัวอย่าง

มาแทรกข้อความพร้อมแท็กหลังจากย่อหน้าที่กำหนด:

html<p id="test">ย่อหน้า</p>

javascript$('<p>!!!</p>').insertAfter('#test');

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

html<p id="test">ย่อหน้า</p><p>!!!</p>

ดูเพิ่มเติม