jQuery การดำเนินการเอกสาร - append() วิธี

ตัวอย่าง

ใส่เนื้อหาที่ท้ายขององค์ประกอบ p ในแต่ละตัว:

$("button").click(function(){
  $("p").append(" <b>Hello world!</b>");
});

ลองทดลองด้วยตัวเอง

คำอธิบายและวิธีใช้

append() มีความหมายว่าใส่เนื้อหาที่กำหนดที่ท้ายขององค์ประกอบที่เลือก (ยังคงอยู่ในตัวองค์ประกอบ)

คำเตือน:append() และ appendTo() งานที่ฟังก์ชันทำเหมือนกัน。ต่างอยู่ที่ตำแหน่งของเนื้อหาและเลือกตัวเลือก。

รูปแบบการใช้งาน

$("selector").append(content)
ตัวแปร รายละเอียด
content ความจำเป็น。กำหนดเนื้อหาที่จะใส่เข้าไป (สามารถมีแท็ก HTML ได้)

ใช้ฟังก์ชันเพื่อเพิ่มเนื้อหา

ใช้ฟังก์ชันในการใส่เนื้อหาที่กำหนดในทางท้ายขององค์ประกอบที่กำหนด。

รูปแบบการใช้งาน

$("selector").append(function(index,html))

ลองทดลองด้วยตัวเอง

ตัวแปร รายละเอียด
function(index,html)

ความจำเป็น。กำหนดฟังก์ชันที่กำหนดเนื้อหาที่จะใส่เข้าไป。

  • index - โดยเลือกตัวเลือก。รับตำแหน่ง index ของเลือกตัวเลือก。
  • html - โดยเลือกตัวเลือก。รับ HTML ปัจจุบันของเลือกตัวเลือก。