Question

这是用于从Facebook提取图像并显示它们的“我的代码”。

但我想把图像包裹起来＆lt; a href =“image.source”class =“highslide”onclick =“return hs.expand（this）＆gt;

请帮我输出：

<a href="image.source" class="highslide" onclick="return hs.expand(this)>
<img src"image.source" width="167" height="167">
</a>

原始代码：

<script type="text/javascript" src="underscore-min.js"></script>
<script type="text/javascript">
$.getJSON('http://graph.facebook.com/261512740659107/photos').then(function (response) {

    // 0-8, 0 returns the largest available images, 8 the smallest
    var imageIndex = 4;

    var images = _(response.data)
        .chain()
        .pluck('images')
        .pluck(imageIndex)
        .value();

    console.log(images);

    _(images).each(function (image) {
        $('#image-container').append(
        $('<img>').attr('src', image.source).attr('height', 167).attr('width', 167));
    });
});
</script>

Answer 1

您可以使用jQuery wrap（）函数将<a>标记放在<img>标记周围。只需使用appendTo（）来获取新元素的实例，以便然后可以包装（）它。

$.getJSON('http://graph.facebook.com/261512740659107/photos').then(function (response) {

    // 0-8, 0 returns the largest available images, 8 the smallest
    var imageIndex = 4;

    var images = _(response.data)
        .chain()
        .pluck('images')
        .pluck(imageIndex)
        .value();

    _(images).each(function (image) {
        $($('<img>').attr({'src': image.source, 'height': 167, 'width': 167})).appendTo('#image-container').wrap('<a href="' + image.source + '" class="highslide" onclick="return hs.expand(this);" />');
    });
});

Facebook网站上的图片，编辑jquery

1 个答案: