Javascript/Jquery-单击打开所选表格单元格&；单击其他单元格时将其关闭

我目前正在学习Javascript/Jquery&希望在这里得到一些帮助只想编辑我的Javascript文件，不想编辑HTML/CSS。

所以基本上，我在我的表中随机放置了10个不同的图像（image1-10.png），它将被另一个图像（card.jpg）覆盖我希望我的结果是这样的：当单击另一个单元格时，所选单元格将打开以显示随机图像（image.png）并关闭（返回默认图像卡.jpg）。但我当前的代码将打开所有单元格，无论我单击哪一个

HTML:

Javascript:

$(document).ready(function(){
    $(".choicesDiv").append("<img src='images/card.jpg' width='100%' height='100%' />" )

    var images= ['images/image1.png','images/image2.png','images/image3.png','images/image4.png','images/image5.png','images/image6.png','images/image7.png','images/image8.png','images/image9.png','images/image10.png'] 
    var randomArr = [] 
    for(var i= 0 ; i < images.length;i++){
        var item = images[Math.floor(Math.random() * images.length)]
        // this condition to prevent doublicate elements
            if(!randomArr.includes(item)){
                randomArr.push(item)
            }else{
                i = i - 1;
            }
        }

        $(".choicesDiv").click(function(){
            $("table#choices .choicesDiv").each(function(index, value){
                if(index > randomArr.length) {
                    $(this).html("<img src='images/card.jpg' />")
                }else{
                    $(this).html("<img src='"+randomArr[index]+"' />")
                }
            })

        })
});

$（文档）.ready（函数（）{
$（“.choicesDiv”）。追加（“”）
var images=['images/image1.png'，'images/image2.png'，'images/image3.png'，'images/image4.png'，'images/image5.png'，'images/image6.png'，'images/image7.png'，'images/image8.png'，'images/image9.png'，'images/image10.png']
var randomArr=[]
对于（var i=0；i随机数组长度）{
$（this.html（“”）
}否则{
$（this.html（“”）
}
})
})
});

我已更新了您的单击功能，请检查

$(".choicesDiv").click(function(){
    $(this).html("<img src='images/card.jpg' />");
    $("table#choices .choicesDiv").not($(this)).each(function(index, value){
        $(this).html("<img src='"+randomArr[index]+"' />");
    });
});

$（.choicesDiv”）。单击（函数（）{
$（this.html（“”）；
$（“table#choicesDiv”）。不是（$（this））。每个（函数（索引、值）{
$（this.html（“”）；
});
});

我已更新了您的单击功能，请检查

$(".choicesDiv").click(function(){
    $(this).html("<img src='images/card.jpg' />");
    $("table#choices .choicesDiv").not($(this)).each(function(index, value){
        $(this).html("<img src='"+randomArr[index]+"' />");
    });
});

$（.choicesDiv”）。单击（函数（）{
$（this.html（“”）；
$（“table#choicesDiv”）。不是（$（this））。每个（函数（索引、值）{
$（this.html（“”）；
});
});

请发布预期输出请发布预期输出