2016-07-24 99 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