Đang cập nhật giá trị của thuộc tính dữ liệu sử dụng jQuery

Question

Tôi có đoạn code HTML sau:

<a class="toggle" href="#toggle"> 
    <img src="app/css/images/tock.png" alt="No" data-id="4" data-block="1"> 
</a> 

Tôi muốn cập nhật giá trị của src và data-block thuộc tính sử dụng jQuery. Làm thế nào để tôi làm điều này?

Cập nhật: Vì tôi có nhiều yếu tố hình ảnh, tôi muốn cập nhật giá trị của một hình ảnh cụ thể bằng cách sử dụng data-id.

Answer 1

$('.toggle img').data('block', 'something'); 
$('.toggle img').attr('src', 'something.jpg'); 

Sử dụng jQuery.data và jQuery.attr.

Tôi hiển thị riêng cho bạn để hiểu rõ.

Answer 2

$('.toggle img').data('block', 'something').attr('src', 'something.jpg'); 

Answer 3

$('.toggle img').each(function(index) { 
    if($(this).attr('data-id') == '4') 
    { 
     $(this).attr('data-block', 'something'); 
     $(this).attr('src', 'something.jpg'); 
    } 
}); 

hoặc

$('.toggle img[data-id="4"]').attr('data-block', 'something'); 
$('.toggle img[data-id="4"]').attr('src', 'something.jpg');