jQuery如何从变量中选择值

Question

如果我有一个内部包含约 15 个值的变量(例如图像)，是否可以通过单击在 div 中输出该变量的第一个值？如果我再次单击，请从该变量中选择第二个值？我似乎找不到任何相关信息。

变量

var images = [
  'dali.jpg',
  'illusionisme.png',
  'impresionisme.jpg',
  'popart.jpg',
  'abstracter.jpg',
]

单击，但这会将所有变量放入 .art div 中。

$(".art").click(function(){
  $(".art").each(function(){
    $(this).find("img").remove();
    $(this).prepend('<img src="assets/images/' + images + '">');
  });
});

Answer 1

有很多方法可以做到这一点。不过你可以试试这个

var index = 0;
    $(".art").click(function(){
        $(".art").each(function(){
            $(this).find("img").remove();
            $(this).prepend('<img src="assets/images/' + images[index] + '">');
        });
                    index++;
    });

这段代码的作用是，它将从 0 开始，这是数组中的第一项。然后，每次单击时，它都会将您的图像名称放入图像 src 属性中，并增加 index ，以便下次单击时加载下一个文件。

如果您希望图像在最后一个图像之后旋转，请将 index++; 替换为以下代码:

if(index < images.length-1 ){
            index++;
        }
        else{
            index = 0;
        }