รู้จักการใช้งานฟังก์ขัน after() ใน jquery
สมมติ xxx คือ element หรือ selector ที่กำหนด
รูปแบบการใช้งาน $("xxx").affter(content)
เมื่อ content คือ ข้อความหรือ html
การทำงานของฟังก์ชันคือ เป็นการแทรกเนื้อหา หรือ html ต่อท้าย element ที่เรากำหนด
jQuery Code
<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
บทความในหมวดที่่น่าสนใจ อื่นๆ
