javascript - 如何使用 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="/image/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="/image/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/