私は、次のHTMLコードを持ってjQueryの

Question

を使用して、データ属性の値の更新：

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

を、私はjQueryのを使用してsrcとdata-block属性の値を更新します。これはどうすればいいですか？

更新：私は多くのイメージ要素を持っているので、data-idを使用して特定のイメージの値を更新したいとします。

Answer 1

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

jQuery.dataおよびjQuery.attrを使用してください。

私は理解のためにあなたに別々にそれらを公開しています。

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

または

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