将标签的 href 复制到 img 标签的 src

Posted 2023-05-07

【中文标题】将标签的 href 复制到 img 标签的 src

【英文标题】：Copy a tag's href into img tag's src

【发布时间】：2014-07-31 21:28:32

【问题描述】：

我需要一个脚本，它将href 属性复制到位于同一页面中的图像的src。它还对a href 地址的s1600-h 值在将其复制到img src 后进行更改。这是一个例子：

我希望脚本改变这一点

<a href="**XXX/s1600-h/XXX.jpg**"><img title="Big_3" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: left; padding-top: 0px; padding-left: 0px; margin: 0px 10px 10px 0px; border-left: 0px; display: inline; padding-right: 0px" border="0"  src="**YYY.jpg?imgmax=800**"  align="left" ></a>

...进入这个

<a href="**XXX/s1600-h/XXX.jpg**"><img title="Big_3" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: left; padding-top: 0px; padding-left: 0px; margin: 0px 10px 10px 0px; border-left: 0px; display: inline; padding-right: 0px" border="0"  src="**XXX/s200/XXX.jpg**"  align="left" ></a>

【问题讨论】：

我建议您尝试一下，然后告诉我们您尝试了什么以及出了什么问题。

很遗憾，我不是程序员/编码员，只是一个业余爱好者。我只是想找出一种方法来解决我的博客遇到的问题，并想问问这里是否有人可以提出解决方案。

@Lars 抱歉，这不是此类网站，请阅读帮助 (***.com/tour)：“Stack Overflow 是一个面向专业和爱好者程序员的问答网站。”

【参考方案1】：

使用 jquery 你可以做到这一点

url = $('img').parent().attr('href');
$('img').attr('src',url);

您可以使用一些事件处理程序添加此代码。 第一行代码从锚标签中提取href，第二个标签将其插入 img 标签的源代码。 这段代码只是它的一个基本概念。您可以根据需要对其进行自定义。