使用jQuery更改alt标签和图像路径

Question

我在这里有点问题。作为我对jQuery的新手，这对你来说很可能听起来很简单。

我需要添加路径到alt并更改alt，以便在jquery中有扩展名.jpg和屏幕

那我怎么转移呢

<img src="small.jpg" class="image"  alt="big01">

进入这个：

<img src="/image/small.jpg" class="image"  alt="/image/big01.jpg">

我忘了添加： 我需要删除图像名称然后添加到该图像的路径，因为这将改变，因为网站上有很多。我不确定自己是否明白任何想法？

非常感谢您的帮助

Answer 1

我的第一个问题是，为什么img标签中的路径不是已经存在？

如果您需要更新所有img标记以包含该信息。首先，您需要遍历所有img元素。这很简单：  $("img").each( functions here)

从这里开始，您可以像其他人指出的那样，使用attr方法获取属性然后更改它们。

$("img").each( function(){
  $(this).attr({
     src: '/image/' + $(this).attr('src'),
     alt: '/image/' + $(this).attr('alt') + '.jpg'
  });
});

Answer 2

attr方法可行：

$(".image").attr({
    src : "New image source",
    alt : "Alternative image text"
});

Answer 3

您需要attr方法：

$('img.image').attr('alt', '/image/big01.jpg').attr('src','/image/small.jpg');

修改：see the docs了解更多信息

Answer 4

$("img").attr("src", "/image/small.jpg").attr("alt", "/image/big01.jpg");

以上内容适用于所有图片，但要直接访问您的特定图片，请为其id并按照以下方式解决：

<img id="myimg" src="...

$("#myimg").attr("src", "/image/small.jpg").attr("alt", "/image/big01.jpg");

Answer 5

$("img[src='small.jpg']").attr("src", "image/small.jpg")

Answer 6

我知道你不想听到这个，但你没有正确使用alt标签。 Alt可以向不太容易访问的网络用户（即有屏幕阅读器的人）解释您的图像实际显示的内容。

如果您使用它来存储您正在切换的图像，我建议您只创建自己的自定义属性。 altImage 之类的东西可以完美运行。