สมมติ xxx คือ element หรือ selector ที่กำหนด
รูปแบบการใช้งาน $("xxx").affter(content)
เมื่อ content คือ ข้อความหรือ html
การทำงานของฟังก์ชันคือ เป็นการแทรกเนื้อหา หรือ html ต่อท้าย element ที่เรากำหนด
jQuery Code
1 2 3 4 5 6 7 8 9 10 | <span id="greeting">Hello</span><script language="javascript">$(function(){ $(":button").click(function(){ // เงื่อนไขการคลิกสำหรับทดสอบ $("#greeting").after("<span> How are you?</span>"); });});</script><br /><input type="button" name="Button" value="คลิกแสดงตัวอย่าง" /> |
ตัวอย่างผลลัพธ์
Helloคำอธิบาย
เมื่อมีการคลิกปุ่ม คลิกแสดงตัวอย่าง จะมีการแทรก html ที่ีมีข้อความว่า How are you?
ต่อท้ายจาก element ที่กำหนดซึ่งคือ แท็ก span ที่มี id เท่ากับ greeting
