วิธีการ insertBefore

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

ไวยากรณ์

แทรกข้อความก่อนองค์ประกอบ:

javascript$(เนื้อหา).insertBefore(ตัวเลือก);

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

ตัวอย่าง

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

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

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

โค้ด HTML จะกลายเป็นดังนี้:

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

ดูเพิ่มเติม