2016-07-24 107 views
-1

我想設置基於陣列 HTML在我的div的背景圖像根據在陣列上我的背景圖像我無法設置

<div class="container"> 
    <div>1</div> 
    <div>2</div> 
    <div>3</div> 
    <div>4</div> 
    <div>5</div> 
</div> 

我想基於陣列上設置每個背景圖像

var image_src = new Array ("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg"); 
    for (i = 0; i < 5; i++){ 
    $("div div div").css("background-image","url(" + image_src[i] + ")"); 
} 

每個源到每個格

+0

投票關閉,因爲多個印刷錯誤,太本地化,無法轉載(請參閱評論回答)。 –

回答

0

您的選擇器是錯誤的(第三個格)。考慮使用像這樣的每個jQuery功能:

var image_src = [ "1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg" ]; 

$("div.container div").each(function(i) { 
    $(this).css("background-image","url(" + image_src[i] + ")") 
}); 
+0

謝謝你,這是非常有用的..我實際上使用這個在第一個地方,但現在我意識到,問題是我沒有宣佈新陣列。第三個div只是一個複製錯誤 – ab01fazl