javascript - 前置 jQuery 数组

标签 javascript jquery arrays image prepend

我将图像源(url)存储在 jQuery 数组中。我想将数组中的每个源添加到它自己的标签集合中。我有这样的东西:

var images = [link1,link2,link3,etc,etc];

$('.gallery').prepend();

但我不知道要在 .prepend() 中放入什么。

我需要将每个图像单独放入这样的内容中:

<label class="align"><img class="thumbnail" src=""+images+""/></label>

我该如何解决这个问题?

最佳答案

您将创建一个简单的模板并将该模板(DOM 元素)添加到您的图库类中。

var images = [link1,link2,link3,etc,etc];
for( var i=0; i<images.length; i++){
  var temp = '<label class="align"><img class="thumbnail" src="'+images[i]+'"/></label>'
  $('.gallery').prepend(temp);
}

这能满足您的需要吗?

关于javascript - 前置 jQuery 数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27462261/

相关文章:

javascript - 移动响应菜单 - 如果出现子菜单(显示链接)

javascript - 单击非事件链接并切换选项卡时事件状态消失

jquery - 返回 "success:"方法的数据?

javascript - 在数组内的对象中提取数组

javascript - 使用 JS Proxy 拒绝数组输入

javascript - Jest 检查函数是否返回 sessionStorage

javascript - 如何切换按钮 onClick 的外观?

javascript - ContainerView + LookupFactory 在 EmberJS 1.2.0+ 中不起作用

jquery - 未捕获的TypeError:对象不是grails中的函数(匿名函数)

javascript - 仅迭代对象数组一次