将标记的href复制到img标记的src中

时间:2014-06-10 23:33:22

标签: javascript jquery html

我需要一个脚本,将href属性复制到同一html图像中的img标记src,同时还会更改a的s1600-h值将它复制到img src时的href地址。这是一个例子:

我希望脚本更改此

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

1 个答案:

答案 0 :(得分:0)

使用jquery你可以做到这一点

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

您可以使用某个事件处理程序添加此代码。 第一行代码是从锚标记中提取href,第二行标记是将其插入 img标签的src。 这段代码只是一个基本的想法。您可以根据需要自定义它。