การเปลี่ยนค่าของแอตทริบิวต์โดยใช้ฟังก์ชันใน jQuery
คุณยังสามารถใช้ฟังก์ชันกับแต่ละแอตทริบิวต์ได้อีกด้วย ในตัวอย่างนี้มีอินพุตสามช่อง:
<input type="text" value="aaa">
<input type="text" value="bbb">
<input type="text" value="ccc">
ลองเปลี่ยนแอตทริบิวต์ value ของแต่ละอินพุตกัน
- โดยเพิ่มลำดับขององค์ประกอบในเซ็ตเข้าไปในค่าปัจจุบัน:
$('input').attr('value', function(index, value) {
return value + ' ' + index;
});
ด้วยวิธีนี้ค่าทั้งหมดของแอตทริบิวต์ value
จะถูกแทนที่ด้วยค่าที่ฟังก์ชันของเราคืนกลับมา
โค้ด HTML จะกลายเป็นแบบนี้:
<input type="text" value="aaa 0">
<input type="text" value="bbb 1">
<input type="text" value="ccc 2">
เปลี่ยนค่า value ของทุกอินพุตตัวที่สอง
โดยเพิ่มลำดับขององค์ประกอบในเซ็ตเข้าไปในค่าปัจจุบัน
