jQuery自动添加href等于图像地址

我有一个带有一些图像的div，它在一个灯箱（prettypto）上打开。使用一个jquery代码，我使这些图像在lightbox上自动打开，并将rel属性赋予所有div元素。使用css，我选择了缩略图的宽度/高度

现在我需要一个类似的代码，以便自动添加到自己的链接。这可能吗

我的意思是，我只需要通过后台上传图像，而不需要上传缩略图，然后是全尺寸图像，最后添加链接

以下是html：

<div id="tab2" class="tab_content" style="text-align:center">
           <img src="images/img1_thumb.jpg" alt="image1"/>
        </div>

谢谢大家!

好的，那么你需要：

• 从Dom中获取每个元素
• 获取其“href”-属性
• 将“_thumb.jpg”替换为“.jpg”
• 最后创建一个将“href”设置为原始图像位置的周围元素

让我们这样做：

// Wrap all <img> with an <a> tag and set the link target to the image's src
$("div.tab_content img").wrap(function(){
    return '<a href="' + $(this).attr('src').replace('_thumb.jpg', '.jpg') + '"/>';
});

//全部换行'；
});

你好，谢谢你的回复！不幸的是，它不工作，继续尝试加载图像却没有成功。无论如何，这个想法是要有一个单一的图像，在本例中，由于img被命名，img1.jpg将同时是缩略图（在浏览器上查看时）和全尺寸图像（在灯箱上）；因此，没有必要为_thumb.jpg.添加替换项。。我手头有一项艰巨的任务！（我想的是：：：$（'div.tab_content a'）.attr（'href'，'$（this.attr（'src'））；：：：：但无法让任何东西正常工作……）

// Wrap all <img> with an <a> tag and set the link target to the image's src
$("div.tab_content img").wrap(function(){
    return '<a href="' + $(this).attr('src').replace('_thumb.jpg', '.jpg') + '"/>';
});