การเปลี่ยนค่าของแอตทริบิวต์โดยใช้ฟังก์ชันใน jQuery

คุณยังสามารถใช้ฟังก์ชันกับแต่ละแอตทริบิวต์ได้อีกด้วย ในตัวอย่างนี้มีอินพุตสามช่อง:

html<input type="text" value="aaa">
<input type="text" value="bbb">
<input type="text" value="ccc">

ลองเปลี่ยนแอตทริบิวต์ value ของแต่ละอินพุตกัน - โดยเพิ่มลำดับขององค์ประกอบในเซ็ตเข้าไปในค่าปัจจุบัน:

javascript$('input').attr('value', function(index, value) {
  return value + ' ' + index;
});

ด้วยวิธีนี้ค่าทั้งหมดของแอตทริบิวต์ value จะถูกแทนที่ด้วยค่าที่ฟังก์ชันของเราคืนกลับมา โค้ด HTML จะกลายเป็นแบบนี้:

html<input type="text" value="aaa 0">
<input type="text" value="bbb 1">
<input type="text" value="ccc 2">