0

div #artikel 内のすべての画像を fancybox リンクでカバーしたいと考えています。だから基本的に毎回

<img src="image.png"></img>

に変換する必要があります

<a href="image.png" class="fancybox" rel="artikel"><img src="image.png"></img></a>

Javascriptまたはそれが可能なphp関数でこの効果を達成する方法はありますか? (この div の内容は変数に格納されます)

4

2 に答える 2

1

php を変更できる場合は、それが理想的です。ただし、JavaScript を使用する必要がある場合は、次を使用できますwrap()。

http://jsfiddle.net/ses7u/

$('#artikel img').each(function () {
    $(this).wrap($('<a/>', {
        href: $(this).attr('src'),
        class: "fancybox",
        rel: "artikel"
    }));
});
于 2013-10-19T12:24:32.723 に答える
0

ページ内のすべての画像にアンカー タグを追加するには、ページで JavaScript を使用できます。

<script type="text/javascript">
function wrapAllImages() {
    $("img").wrap("<a href=\"image.png\" class=\"fancybox\" rel=\"artikel\"></a>");
}
</script>
于 2013-10-19T12:33:35.060 に答える