2015-01-15 70 views
-2

div的使用for循環的數組我有像陣列:加載圖像到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數組。

我想加載與適當的數組-1項目的股利。 我該怎麼做?

+0

什麼是地圖變量中,什麼貴格數組是什麼樣子? – Slime 2015-01-15 16:25:11

+0

連字符在變量名中無效,它被解釋爲減號 – adeneo 2015-01-15 16:26:49

+0

三步: 1.選擇父分區 2.迭代符合您的要求的子項 3.設置圖像。 – PlamZ 2015-01-15 16:27:29

回答

0

你必須重新命名你的數組沒有破折號,但如果你這樣做,你應該能夠使用forEach填充你的div s。

$(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>

+0

這工作正常! – Henky 2015-01-15 20:37:32