如何使用jquery更改HTML元素的data-magnify-src属性？

Question

我试过了

$(elem).prop('data-magnify-src', 'change')

$(elem).data('magnify-src', 'change')

这是我的片段。 我希望我不要做一些愚蠢的事情。 我真的以为这样可以。

  $().ready(function () { $('.img-miniatura').click(function(e){ $('#bigImg').prop('data-magnify-src', 'new' ); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <img data-magnify-src="old" src="https://i.stack.imgur.com/uImwY.jpg?s=48&g=1" id="bigImg"/> </div> <div> <div>click the image below and change the data attribute of the image above</div> <img class='img-miniatura' src="https://i.stack.imgur.com/uImwY.jpg?s=48&g=1"/> </div> 

Answer 1

您需要使用.attr而不是.prop

例如：

$(function(){
  $('.img-miniatura').click(function(e){
    $('#bigImg').attr('data-magnify-src', 'new');
  });
});    

看到这里： https : //jsfiddle.net/1hbkv75q/2/