jquery - imgタブをリンクに変換するためのjQueryプラグイン

Question

私は 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 で可能ですか?

ありがとうございました 。

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