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

jQuery text() Method

<jQuery HTML / วิธี CSS

ตัวอย่าง

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

$("button").click(function(){
    $("p").text("Hello world!");
});
ลองตัวเอง»

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

text() ชุดวิธีการหรือส่งคืนเนื้อหาข้อความขององค์ประกอบที่เลือก

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

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

Tip: การตั้งค่าหรือกลับ innerHTML (ข้อความ + มาร์กอัป HTML) ขององค์ประกอบที่เลือกใช้ html() วิธีการ


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

กลับเนื้อหาข้อความ:

$(selector).text()

ตั้งเนื้อหาข้อความ:

$(selector).text( content )

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

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

พารามิเตอร์ ลักษณะ
content จำเป็นต้องใช้ ระบุเนื้อหาข้อความใหม่สำหรับองค์ประกอบที่เลือก

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

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

กลับเนื้อหาข้อความ
วิธีการคืนเนื้อหาข้อความขององค์ประกอบที่เลือก

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


<jQuery HTML / วิธี CSS