jquery - 如何为图片添加外部链接？

Question

想要将图像链接到外部链接，我会说它在 .wrap 中，但似乎无法开始工作。我检查了大部分问题，但我尝试的一切都无济于事。

var photos = [
{ file: 'image1.png', tag: 'search', href: 'http://www.googl.com'},
{ file: 'image2.png', tag: 'search', href: 'http://www.bing.com'},
{ file: 'image3.png', tag: 'search', href: 'http://www.yahoo.com' }
];

var photoCount = photos.length;
var pageItems = [];
for (var i = 0; i < photoCount; i++) {
    if (photos[i].tag != tag && tag != 'all') {
        continue;
    }
    var img = $('<img></img>')
    .attr('src', 'static/images/tv/' + photos[i].file)
    .addClass('slider-photo');
    pageItems.push({item: img,caption: descDiv});
}

Answer 1

var photos = [
    { file: 'image1.png', tag: 'search', href: 'http://www.googl.com'},
    { file: 'image2.png', tag: 'search', href: 'http://www.bing.com'},
    { file: 'image3.png', tag: 'search', href: 'http://www.yahoo.com' }
];

$.each(photos,function(k,v){
    $('<img />')
        .attr('src', '../static/images/tv/' + v.file)
        .addClass('slider-photo')
        .append('body')
        .click(function(){
            document.location.href = v.href;
        })
})

http://codepen.io/anon/pen/npsAz

Answer 2

只需<a>在它周围添加一个标签..

 var img = $('<img></img>')
.attr('src', 'static/images/tv/' + photos[i].file)
.addClass('slider-photo');
var finalOutput='<a href="externallink">'+img+'<a>'; //<-----here
pageItems.push({item: finalOutput,caption: descDiv});

但是..希望您也有其他代码，将创建的图像附加到文档中..