ข้อความ jQuery ()วิธีการ

❮ วิธีการ jQuery HTML/CSS

ตัวอย่าง

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

$("button").click(function(){
  $("p").text("Hello world!");
});

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

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

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

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

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


ไวยากรณ์

ส่งคืนเนื้อหาข้อความ:

$(selector).text()

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

$(selector).text(content)

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

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

Parameter Description
content Required. Specifies the new text content for the selected elements

Note: Special characters will be encoded
function(index,currentcontent) Optional. Specifies a function that returns the new text content for the selected elements
  • index - Returns the index position of the element in the set
  • currentcontent - Returns current content of selected elements

ลองด้วยตัวคุณเอง - ตัวอย่าง


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


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


❮ วิธีการ jQuery HTML/CSS