如何使用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/