javascript - 循环遍历数组 Javascript

Question

我的阵列var myImages = [];一旦我有console.log()数组(我将项目插入上面)我得到这个:

["01_img"]
["02_img"]
["03_img"]
["04_img"]
["05_img"]

然后onClick我更改了 div 的背景从数组中获取背景图像。

$('.div_content').css('background-image', 'url(https://url/path/images/' + myImages + '.png)');

我该如何改变它，使我的背景图像发生变化onClick .

我按照我发现的示例进行了尝试，但没有成功:

    $('.btn').on('click', function(){
      var myIndex = 1;
          myIndex = (myIndex+1)%(myImages.length);

          $('.div_content').css('background-image', 'url(https://url/path/images/' + myIndex + '.png)');)
    });

感谢任何帮助，谢谢。

Answer 1

如果我正确理解你的问题，你应该只在全局或外部范围内定义你的 myIndex 变量

var myIndex = 0;
$('.btn').on('click', function(){
    $('.div_content').css('background-image', 'url(https://url/path/images/' + myImages[myIndex] + '.png)');
    myIndex = (myIndex+1)%(myImages.length);
});