Question

我有一系列图片

images:[
{image: 'img/img01.jpg'},
{image: 'img/img02.jpg'},
]

我想将它们作为链接：

images:[
{<a href="#"><img src="img/img01.jpg"/></a>},
{<a href="#"><img src="img/img02.jpg"/></a>},
]

出现语法错误。什么是正确的方法，请。

Answer 1

您必须在数组中使用字符串，如下所示：

images = [
'<a href="#"><img src="img/img01.jpg"/></a>',
'<a href="#"><img src="img/img02.jpg"/></a>'
];

Answer 2

for(var i=0;i<images.length;i++)
images[i].image='<a href="#"><img src="'+images[i].image+'"/></a>';

将您的数组转换为

{images:[
{image:'<a href="#"><img src="img/img01.jpg"/></a>'},
{image:'<a href="#"><img src="img/img02.jpg"/></a>'},
]}

从 {images:[ {image: 'img/img01.jpg'}, {image: 'img/img02.jpg'}, ]}

Answer 3

var images = [{image: '<a href="#"><img src="img/img01.jpg"/></a>'},
              {image: '<a href="#"><img src="img/img02.jpg"/></a>'}
             ];

Answer 4

使用原生方法 forEach 。 ;）

images.forEach(function(item){
    item.image = '<a href="#"><img src="'+item.image+'"/></a>';
});

预览 - http://jsfiddle.net/NJ6Ck/

如何创建一个图像数组作为链接？

4 个答案: