jQuery html()เมธอด
ตัวอย่าง
เปลี่ยนเนื้อหาของทุก <p> องค์ประกอบ:
$("button").click(function(){
$("p").html("Hello <b>world</b>!");
});
ความหมายและการใช้งาน
html() วิธีการกำหนดหรือส่งคืนเนื้อหา (innerHTML) ขององค์ประกอบที่เลือก
เมื่อวิธีนี้ใช้เพื่อส่งคืนเนื้อหา จะส่งคืนเนื้อหาขององค์ประกอบที่ตรงกัน FIRST
เมื่อใช้วิธีนี้เพื่อตั้งค่าเนื้อหา จะเขียนทับเนื้อหาขององค์ประกอบที่ตรงกันทั้งหมด
เคล็ดลับ:หากต้องการตั้งค่าหรือส่งคืนเฉพาะเนื้อหาข้อความขององค์ประกอบที่เลือก ให้ใช้เมธอดtext()
ไวยากรณ์
ส่งคืนเนื้อหา:
$(selector).html()
ตั้งค่าเนื้อหา:
$(selector).html(content)
ตั้งค่าเนื้อหาโดยใช้ฟังก์ชัน:
$(selector).html(function(index,currentcontent))
Parameter | Description |
---|---|
content | Required. Specifies the new content for the selected elements (can contain HTML tags) |
function(index,currentcontent) | Optional. Specifies a function that returns the new content for the selected elements
|
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีส่งคืนเนื้อหาขององค์ประกอบ
การใช้ฟังก์ชันเพื่อตั้งค่าเนื้อหาขององค์ประกอบที่เลือกทั้งหมด