jQuery - 获取图像src，并添加到图像外的锚标记

Question

我正在绞尽脑汁想要弄清楚这一点。我有一个可变数量的缩略图，其名称与全尺寸图像相同，只能在不同的目录中。我需要将<img src="">截取到它的文件名（我使用子字符串），然后将其添加到路径中，然后将其应用于图像外部的<a>标记。通过每个<IMG>标签

$("#divName img").each(function(i, element){ 

要循环：

现在，我这样做。

我得到的文件名用：

$(element).attr("src").substring(92). 

文档结构是这样的：

<div id="divName"> 
    <a href="url"><img src="path"/></a><br/> 
    <a href="url"><img src="path"/></a><br/> 
    <a href="url"><img src="path"/></a><br/> 
    <a href="url"><img src="path"/></a><br/> 
</div> 

所以我需要得到“路径”的值，并将其添加到每个锚点标签外的“url”。

我希望我已经清楚。请帮忙！谢谢！ :)

Answer 1

$("#divName a > img").each(function() { 
    $(this).parent().attr("href", this.src); 
}); 

Demo.

Answer 2

$(document).ready(function() { 
    $("#divName img").each(function(i, element){ 
     var path = $(element).attr("src"); 
     var ancURL = $(element).parent().attr('href'); 
     $(element).parent().attr('href',ancURL +path); 
    }); 
}); 

http://jsfiddle.net/mYdxw/31/

Answer 3

$(function() { 
    $("#divName img").each(function(i, element) { 
     var src = $(element).attr("src").substring(92); 
     var href = $(element).parent().attr("href"); 
     $(element).parent().attr("href", href + "/" + src); 
    }) 
}) 

Answer 4

$("#divName img").each(function() { 
    this.parentNode.href = this.src; 
}); 

http://jsfiddle.net/KEw2D/2/