Thay đổi giá trị thuộc tính bằng cách sử dụng hàm trong jQuery

Bạn cũng có thể áp dụng một hàm cho từng thuộc tính. Trong ví dụ này có ba trường nhập liệu (input):

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

Hãy thay đổi thuộc tính value cho mỗi trường nhập liệu - bằng cách thêm chỉ số thứ tự của phần tử trong tập hợp vào giá trị value hiện tại:

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

Như vậy, tất cả các giá trị của thuộc tính value sẽ được thay thế bằng những giá trị mà hàm của chúng ta trả về. Mã HTML sẽ trở thành như sau:

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

Hãy thay đổi giá trị value của mỗi trường nhập liệu thứ hai, bằng cách thêm chỉ số thứ tự của phần tử trong tập hợp vào giá trị value hiện tại.