La actualización del valor del atributo de datos usando jQuery

Question

tengo el siguiente código HTML:

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

Quiero actualizar el valor de los src y data-block atributos utilizando jQuery. ¿Cómo hago esto?

Actualización: Como tengo muchos elementos de imagen, quiero actualizar el valor de una imagen específica usando data-id.

Answer 1

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

Uso jQuery.data y jQuery.attr.

Te lo estoy mostrando por separado por el bien de la comprensión.

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