Javascript 按单击按钮的顺序显示图像

我是一个新的网站开发和尝试建立一个网站，显示不同的标志时，点击按钮

我在定位图像时遇到一些问题。。。例如，当我单击C->A->D->B->A时，A标志显示在其他标志之前，我不能再次单击使其显示两次。以下是我的问题

1当我单击按钮时，图像按顺序显示，而不是按我首先单击的按钮显示。有没有办法让第一次点击先出现

2如果我希望图像显示两次或更多次，我可以使用CSS/javascript/JQuery中的什么函数或代码

谢谢大家!

函数showimgid{ 对于i=1；i<10；i++{ } var obj=document.getElementById标志+id； 如果obj！=null obj.className='show'； } .hide{display:none；}

---

解决此问题的一种方法是，插入相关元素，而不是隐藏和显示依赖于已在DOM中的元素的元素，然后根据需要显示和隐藏这些元素，以保持其原始顺序： image=document.createElement'img'； //我们使用模板文本来设置“src” //“https”协议的属性值 //加上数据src属性值 //通过Element.dataset API检索： image.src=`https://${clicked.dataset.src}`； //并附加 元素，每个元素都有一个数据src 包含相关图像的src的自定义属性： ->

---

图像将按照HTML文档中显示的顺序显示。你有1，2，3，4，5，6的顺序，所以这就是他们呈现的顺序。您应该尝试按单击顺序将它们动态注入DOM，而不是切换类show/hide