Aktualizacja wartości atrybutu danych przy użyciu jQuery

Question

Mam następujący kod HTML:

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

Chcę zaktualizować wartość src i data-block atrybutów przy użyciu jQuery. Jak mam to zrobic?

Aktualizacja: Ponieważ mam wiele elementów graficznych, chcę zaktualizować wartość danego obrazu za pomocą data-id.

Answer 1

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

Zastosowanie jQuery.data i jQuery.attr.

Pokazuję je osobno dla dobra zrozumienia.

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'); 
    } 
}); 

lub

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