Aggiornamento del valore dell'attributo dati utilizzando jQuery

Question

Ho il seguente codice HTML:

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

voglio aggiornare il valore delle src e data-block attributi utilizzando jQuery. Come faccio a fare questo?

Aggiornamento: Poiché ho molti elementi immagine, voglio aggiornare il valore di un'immagine specifica utilizzando data-id.

Answer 1

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

Usa jQuery.data e jQuery.attr.

Le sto mostrando separatamente per motivi di comprensione.

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

o

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