如何更改名称“data-original”;没有id的图像中的属性名称

How to change the name "data-original" attribute name in images with no ids

本文关键字：id 属性 图像 没有 何更改 data-original      更新时间：2023-09-26

上下文:我正在尝试一种方法来解决lazyload脚本不适合我的设置。

我不确定这是现实的，但是，这就是我的想法:在标题部分单击，我想改变包含在该部分的图像的所有属性(所以图像显示)。

从data-original到src.

我在这里:

$('#s101').click(function(){
var a = $('#b01').next().find('img').attr("data-original");
// alert (a) // will give me the url of the attr. data-original: (http...)
x = a.getAttribute("data-original");
a.setAttribute("src", x);
a.removeAttribute("data-original");
                          });

这不起作用。你能帮忙吗?

试试这个

$('#b01').next().find('img').each(function(){
   $(this).attr("src", $(this).attr("data-original") ).removeAttr("data-original");
});

按照你的"click"处理程序方法，你会想做这样的事情…

$("#btnChangeImage").click(function(){
    var a = $("#myImg");
    var x = a.attr("data-original");
    a.attr("src", x);
    a.removeAttr("data-original");

});

基本上，问题是你试图对一个属性而不是一个元素进行操作，然后一旦你有了这个属性，你似乎在使用旧的jQuery API版本。

这里有一个快速的示例:https://plnkr.co/edit/3kZGz5kDLwaBDmGFzsWU?p=preview

相关文章：