วิธีการ insertAfter
วิธีการ insertAfter เพิ่มข้อความหลังจาก
องค์ประกอบที่กำหนด นอกจากนี้ยังมีวิธีการ
after,
ซึ่งทำงานในลักษณะเดียวกัน
โครงสร้าง
การแทรกข้อความหลังจากองค์ประกอบ:
$(ข้อความ).insertAfter(ตัวเลือก);
เนื้อหาอาจเป็นได้ไม่เพียงแต่ข้อความธรรมดา แต่ยังเป็นองค์ประกอบ DOM, ตัวเลือก, อาร์เรย์ขององค์ประกอบ, สตริง หรือออบเจ็กต์ jQuery
ตัวอย่าง
มาแทรกข้อความพร้อมแท็กหลังจากย่อหน้าที่กำหนด:
<p id="test">ย่อหน้า</p>
$('<p>!!!</p>').insertAfter('#test');
โค้ด HTML จะมีลักษณะดังนี้:
<p id="test">ย่อหน้า</p><p>!!!</p>
ดูเพิ่มเติม
-
วิธีการ
after,
ซึ่งเพิ่มข้อความหลังจากองค์ประกอบที่กำหนด -
วิธีการ
insertBefore,appendTo,prependTo,
ซึ่งอนุญาตให้เพิ่มเนื้อหาไปยังตำแหน่งที่กำหนด บนหน้าเว็บ -
วิธีการ
clone,
ซึ่งสร้างสำเนาขององค์ประกอบที่เลือก