Question

我正在绞尽脑汁试图弄明白这一点。我有一个可变数量的缩略图，它们与全尺寸图像具有相同的名称，仅在不同的目录中。我需要让<img src="">将其截断为文件名（我正在使用子字符串），然后将其添加到路径中，然后将其应用于图像外部的<a>标记。

现在，我正在这样做：

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

循环浏览每个<IMG>代码。

我的文件名是：

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

所以我需要获取“path”的值并将其添加到每个之外的锚标记中的“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/

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

4 个答案: