วันนี้เรียวจะแนะนำ Method ตัวหนึ่งใน jQuery นั่นคือ insertAfter
เจ้า Method ตัวนี้เอาไว้สำหรับสร้างแท็กที่ต้องการและแทรกแท็กที่ต้องการไปต่อจาก Element ที่เรากำหนด มาดูตัวอย่างกันดีกว่าค่ะ
ก่อนอื่นสร้างแท็กขึ้นมาก่อน
<div id="me">ตัวอย่างการใช้งาน Method insertAfter ใน Jquery</div>
จากนั้นเขียนคำสั่ง jQuery
$(document).ready(function(){
$("<p>Hello !!</p>").insertAfter("#me");
});
จากโค้ดเรียวกำหนดว่าพอ onload แล้วให้เอาแท็ก <p>Hello !!</p> ไปเพิ่มต่อข้างหลัง Element id="me"
ทีนี้ลองรันดูจะได้ผลลัพธ์คือ
<div>ตัวอย่างการใช้งาน Method insertAfter ใน Jquery</div>
<p>Hello !!</p>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น