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

迭戈·阿尔维斯

我试过了

$(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>

克里斯托弗投掷者

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

例如:

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

见这里:https : //jsfiddle.net/1hbkv75q/2/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jQuery更改HTML元素的属性的内部值

来自分类Dev

如何更改底层元素的“src”属性

来自分类Dev

将属性从data-src更改为src,无需jQuery

来自分类Dev

如何定位html 5属性“ data-src”并用jQuery替换为“ src”?

来自分类Dev

如何使用jquery更改html的元素

来自分类Dev

使用JavaScript更改HTML元素的属性值

来自分类Dev

如何使用 jQuery 更改新创建元素的属性

来自分类Dev

如何在jQuery中更改视频src属性值?

来自分类Dev

使用jquery或css更改用于工具提示的HTML元素的'title'属性的内容

来自分类Dev

如何使用jQuery $(this)更改使用“ onclick”事件的元素的HTML?

来自分类Dev

使用 JQuery 更改 html 元素类无效

来自分类Dev

使用jquery / php / html使用fileupload值更改img src

来自分类Dev

如何使用 jQuery 修改 HTML 元素的值属性和类?

来自分类Dev

jQuery的元素更改ID属性

来自分类Dev

如何使用jQuery更改data-pid的CSS元素

来自分类Dev

如何使用jQuery通过custum属性动态更改html

来自分类Dev

用jQuery更改src video属性

来自分类Dev

在 JQuery 中动态更改 img src 属性

来自分类Dev

jQuery使用data-src更改div的值

来自分类Dev

使用 jQuery 更改 data-src 值不起作用

来自分类Dev

使用 DOM 事件更改 html 元素属性的 Javascript 按钮

来自分类Dev

当data- *属性更改时如何更新元素

来自分类Dev

在jQuery中复制HTML时,如何更改HTML的属性?

来自分类Dev

更改html脚本中的html元素的属性

来自分类Dev

用jQuery更改内联html图像“ src”

来自分类Dev

用jQuery更改内联html图像“ src”

来自分类Dev

如何更改`use`元素使用的子项的属性?

来自分类Dev

如何使用javascript更改元素的属性?

来自分类Dev

如何在不使用jQuery更改html的情况下更改元素的同级文本?

Related 相关文章

  1. 1

    如何使用jQuery更改HTML元素的属性的内部值

  2. 2

    如何更改底层元素的“src”属性

  3. 3

    将属性从data-src更改为src,无需jQuery

  4. 4

    如何定位html 5属性“ data-src”并用jQuery替换为“ src”?

  5. 5

    如何使用jquery更改html的元素

  6. 6

    使用JavaScript更改HTML元素的属性值

  7. 7

    如何使用 jQuery 更改新创建元素的属性

  8. 8

    如何在jQuery中更改视频src属性值?

  9. 9

    使用jquery或css更改用于工具提示的HTML元素的'title'属性的内容

  10. 10

    如何使用jQuery $(this)更改使用“ onclick”事件的元素的HTML?

  11. 11

    使用 JQuery 更改 html 元素类无效

  12. 12

    使用jquery / php / html使用fileupload值更改img src

  13. 13

    如何使用 jQuery 修改 HTML 元素的值属性和类?

  14. 14

    jQuery的元素更改ID属性

  15. 15

    如何使用jQuery更改data-pid的CSS元素

  16. 16

    如何使用jQuery通过custum属性动态更改html

  17. 17

    用jQuery更改src video属性

  18. 18

    在 JQuery 中动态更改 img src 属性

  19. 19

    jQuery使用data-src更改div的值

  20. 20

    使用 jQuery 更改 data-src 值不起作用

  21. 21

    使用 DOM 事件更改 html 元素属性的 Javascript 按钮

  22. 22

    当data- *属性更改时如何更新元素

  23. 23

    在jQuery中复制HTML时,如何更改HTML的属性?

  24. 24

    更改html脚本中的html元素的属性

  25. 25

    用jQuery更改内联html图像“ src”

  26. 26

    用jQuery更改内联html图像“ src”

  27. 27

    如何更改`use`元素使用的子项的属性?

  28. 28

    如何使用javascript更改元素的属性?

  29. 29

    如何在不使用jQuery更改html的情况下更改元素的同级文本?

热门标签

归档