0

次の方法で、自分の Web サイトのいくつかの画像のコードを編集しようとしています。たとえば、次のようにします。

<div id="slideshowContainer473">
<img src="src_image1" alt="image1" title="image1" />
<img src="src_image2" alt="image2" title="image2" />
<img src="src_image3" alt="image3" title="image3" />
</div>

私が欲しいのは、各画像について、次のものを取得することです。

<a href="src_image1" rel="lightbox"><img src="src_image1" alt="image1" title="image1" /></a>

つまり、jquery を介して、href に src と同じ値を与え、http://lokeshdhakar.com/projects/lightbox/を使用することを考えているため、rel="lightbox" も追加する必要があります。

.wrap() を使用して取得できると思います .each() も必要だと思いますよね？

4

2 に答える 2

2

これを試して

$("div#slideshowContainer473 img").wrap(function(){
    return "<a href=\"" + this.src + "\" rel=\"lightbox\" />";
});

これが役立つことを願っています!!

于 2012-12-19T18:01:53.130 に答える
0

これを試して

$('img').wrap(function() {
    return $('<a>', {
        src: $(this).attr('src'),
        rel: 'lightbox'
    })
})​

フィドルをチェック

于 2012-12-19T18:03:00.980 に答える