jQuery ดึงข้อความใน div ด้วยคำสั่ง text

สอน jQuery ดึงข้อความใน div ด้วยคำสั่ง text บทความนี้แนะนำการใช้คำสั่ง text เพื่อดึงข้อความ หรือตัวอักษรใน elements ที่ต้องการ โดยตัวอย่างจะเป็นการดึงจากแท็ก div ของ HTML และแสดงผลลัพธ์ออกสู่หน้าเว็บไซต์ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง jQuery ดึงข้อความใน div ด้วยคำสั่ง text

<div id="d">Hello, Devdit</div>
<input type="button" id="btn" value="ดึงข้อความใน Div">

<script>
    $("#btn").click(function(){
        let v = $("#d").text();
        alert( v );
    });
</script>

1. กำหนดให้ div มีค่า id เท่ากับ d และ ปุ่ม button มีค่า id เท่ากับ btn

2. เมื่อผู้ใช้งานกดปุ่ม button จะเข้าไปทำงานในฟังก์ชัน $("#btn").click

3. ดึงข้อความ หรือตัวอักษรจากใน div ออกมาด้วยคำสั่ง .text ผ่าน id = d เก็บไว้ที่ตัวแปร v

4. แสดงค่าตัวแปร v ออกสู่หน้าเว็บไซต์ด้วยคำสั่ง alert