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

【问题标题】：Copy a tag's href into img tag's src将标签的 href 复制到 img 标签的 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" alt="Big_3" src="**YYY.jpg?imgmax=800**" width="119" align="left" height="89"></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" alt="Big_3" src="**XXX/s200/XXX.jpg**" width="119" align="left" height="89"></a>

【问题讨论】：

我建议您尝试一下，然后告诉我们您尝试了什么以及出了什么问题。
很遗憾，我不是程序员/编码员，只是一个业余爱好者。我只是想找出一种方法来解决我的博客遇到的问题，并想问问这里是否有人可以提出解决方案。
@Lars 抱歉，这不是此类网站，请阅读帮助 (stackoverflow.com/tour)：“Stack Overflow 是一个面向专业和爱好者程序员的问答网站。”

标签： javascript jquery html

【解决方案1】：

使用 jquery 你可以做到这一点

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

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

【讨论】：