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