在jQuery中使用for循环将数组从数组加载到Div的数组中

时间:2015-01-15 16:22:58

标签: jquery

我有一系列图片:

var array-1 = new Array(map+"mach-1.jpg",map+"bras-1.jpg",map+"card-1.jpg",map+"rham-1.jpg",map+"icar-1.jpg");

并且有一个div的数组,id_0到id_4。

我想用适当的array-1项加载div。 我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

您必须在没有破折号的情况下重命名数组,但如果这样做,您应该可以使用forEach填充div

$(document).ready(function() {
  
  var array_1 = ["http://lorempixel.com/100/100/sports/1", "http://lorempixel.com/100/100/sports/2", "http://lorempixel.com/100/100/sports/3", "http://lorempixel.com/100/100/sports/4", "http://lorempixel.com/100/100/sports/5"];
  array_1.forEach(function(value,index) {
    $('#id_' + index).html('<img src="' + value + '" />');
  });
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="id_0"></div>
<div id="id_1"></div>
<div id="id_2"></div>
<div id="id_3"></div>
<div id="id_4"></div>