ตัวอย่าง
ใส่ <span> องค์ประกอบหลังจากแต่ละ <p> องค์ประกอบ:
$("button").click(function(){
$("<span>Hello world!</span>").insertAfter("p");
});
ลองตัวเอง» ความหมายและการใช้งาน
insertAfter() วิธีการแทรกองค์ประกอบ HTML หลังจากองค์ประกอบที่เลือก
เคล็ดลับ: การแทรกองค์ประกอบ HTML ก่อนองค์ประกอบที่เลือกใช้ insertBefore() วิธีการ
วากยสัมพันธ์
$(content).insertAfter(selector)| พารามิเตอร์ | ลักษณะ |
|---|---|
| content | จำเป็นต้องใช้ ระบุเนื้อหาที่จะแทรก (ต้องมีแท็ก HTML) หมายเหตุ: หากเนื้อหาเป็นองค์ประกอบที่มีอยู่ก็จะถูกย้ายจากตำแหน่งปัจจุบันของตนและแทรกหลังจากองค์ประกอบที่เลือก |
| selector | จำเป็นต้องใช้ ระบุตำแหน่งที่จะแทรกเนื้อหา |
ลองตัวเอง - ตัวอย่าง
ใส่เป็นองค์ประกอบที่มีอยู่
วิธีการใช้ insertAfter() วิธีการที่จะแทรกเป็นองค์ประกอบที่มีอยู่หลังจากที่เลือกแต่ละ