我无法基于数组设置背景图像

i cannot set my background images based on an array

本文关键字：数组 设置 背景 图像 于数组      更新时间：2023-09-26

我想基于数组设置div的背景图像html

<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] + ")");
}

每个源到每个div

您的选择器错误（第三个div）。考虑像这样使用每个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] + ")")
});
相关文章：