在数组中混洗元素（特别是变量）

Question

我的项目要求我们做这样的事情：

现在每次重置或每次从头开始再次播放时，卡片都会“随机播放”。

我尝试使用数组并试图将其改组但失败了（可能是因为我还是初学者）。我试图寻找改组阵列的方法，但我仍然没有具体掌握它。

这是一个片段：

import java.util.Random;

$(document).ready(function(){

    var initial = $('#d1').attr('src');
    var d1 = $('#d1').attr('data-altimage');
    var d2 = $('#d2').attr('data-altimage');
    var thg1 = $('#thg1').attr('data-altimage');
    var thg2 = $('#thg2').attr('data-altimage');
    var pj1 = $('#pj1').attr('data-altimage');
    var pj2 = $('#pj2').attr('data-altimage');
    var hp1 = $('#hp1').attr('data-altimage');
    var hp2 = $('#hp2').attr('data-altimage');

    var card=new Array();
        card[0]=initial;
        card[1]=d1;       
        card[2]=d2;
        card[3]=thg1;
        card[4]=thg2;
        card[5]=pj1;
        card[6]=pj2;
        card[7]=hp1;
        card[8]=hp2;

    $('#button-change').click(function(){
        Random ran = new Random();
        int n1 = ran.nextInt(2) + 7;
        $("#d1").attr("src", card[n1]);     
    });
});

请帮帮我。所有这些搜索让我更加困惑，主要是因为我得到的东西太先进了。

请注意，我的数组中的元素是变量而不是字符串或整数，所以它更难。

另外，如果我做错了，请放轻松。