ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery html() Method

<jQuery HTML / วิธี CSS

ตัวอย่าง

เปลี่ยนเนื้อหาของทั้งหมด <p> องค์ประกอบ:

$("button").click(function(){
    $("p").html("Hello <b>world</b>!");
});
ลองตัวเอง»

ความหมายและการใช้งาน

html() ชุดวิธีการหรือผลตอบแทนที่เนื้อหา (innerHTML) ขององค์ประกอบที่เลือก

เมื่อวิธีการนี้จะใช้ในการแสดงเนื้อหาก็จะส่งกลับเนื้อหาขององค์ประกอบการจับคู่ครั้งแรก

เมื่อวิธีการนี้จะใช้เพื่อกำหนดเนื้อหาก็จะเขียนทับเนื้อหาขององค์ประกอบทั้งหมดที่จับคู่

เคล็ดลับ: การตั้งค่าหรือกลับเฉพาะเนื้อหาข้อความขององค์ประกอบที่เลือกใช้ text() วิธีการ


วากยสัมพันธ์

กลับเนื้อหา:

$(selector).html()

ชุดเนื้อหา:

$(selector).html( content )

ตั้งเนื้อหาโดยใช้ฟังก์ชั่น:

$(selector).html(function(index,currentcontent))

พารามิเตอร์ ลักษณะ
content จำเป็นต้องใช้ ระบุเนื้อหาใหม่สำหรับองค์ประกอบที่เลือก (สามารถมีแท็ก HTML)
function(index,currentcontent) ไม่จำเป็น ฟังก์ชั่นระบุที่ส่งกลับเนื้อหาใหม่สำหรับองค์ประกอบที่เลือก
  • index - กลับตำแหน่งดัชนีขององค์ประกอบในชุด
  • currentcontent - ส่งคืนเนื้อหา HTML ปัจจุบันขององค์ประกอบที่เลือก

ลองตัวเอง - ตัวอย่าง

เนื้อหาองค์ประกอบย้อนกลับ
วิธีการคืนเนื้อหาของธาตุนั้น

ชุดเนื้อหาองค์ประกอบโดยใช้ฟังก์ชั่น
การใช้ฟังก์ชั่นการตั้งค่าเนื้อหาขององค์ประกอบที่เลือกทั้งหมด


<jQuery HTML / วิธี CSS