2

我找到了 linker.js “ http://www.jquery.gr/linker ”，它可以使 http://www.example.com到

[a href="http://www.example.com" >http://www.example.com</a]

但现在我需要这样：例如 -

<img src="myimage.jpg" class="lightbox" />

到 -

<a href="myimage.jpg" rel="lightbox" ><img src="myimage.jpg" class="lightbox"></a>

我想用标签自动嵌入我的 img 标签。这可能与 linker.js 吗？

谢谢你 。

4

2 回答 2

2

Michal Klouda 打败了我，但是：

嗯..不确定你的插件，但是是什么阻止你这样做：

$("img.lightbox").wrap(function() {
    return '<a href="' + $(this).attr('src') + '" rel="lightbox" />';
});

另外，如果您将其添加到<head>标签中，则需要执行以下操作：

$(document).ready(function() {
    $("img.lightbox").wrap(function() {
         return '<a href="' + $(this).attr('src') + '" rel="lightbox" />';
     });
});
于 2013-07-12T05:50:47.417 回答
1

HTML

<div>
    <img src="myimage.jpg" class="lightbox" />
</div>

js

$(document).ready(function () {
    $('.lightbox').each(function(){
        this1 = $(this);
        this1.parent().prepend('<a href="'+this1.attr('src') +'" rel="lightbox"> <img src="'+ this1.attr('src')+'"class="lightbox"/></a>');
       this1.remove();
    });
});

工作演示http://jsfiddle.net/FK8Vu/

于 2013-07-12T06:05:43.160 回答