Javascript 每个属性都包含所有数据属性

嘿，我正在尝试创建一个排序的图片，文件，视频。我有很多包含数据扩展的div，所以我的想法是所有属性都包含jpg、gif、png，我把它们放在可见位置，另一个隐藏起来。 我的问题是如何创建多个数据属性： 这是我的结构

<div class="full-image" data-id="2"  data-image="jpg"><img src=""/>
<div class="full-image" data-id="3"  data-image="png"><img src=""/>
<div class="full-image" data-id="4"  data-image="jpg"><img src=""/>
<div class="full-image" data-id="5"  data-image="mp4"><img src=""/>
<div class="full-image" data-id="6"  data-image="gif"><img src=""/>

---

循环遍历div，使用检查数据图像属性，并相应地添加正确的隐藏或可见类：

常量ext=[jpg，gif，png]； document.querySelectorAll.full image.forEachdiv=>{ const className=ext.includesdiv.dataset['image']？可见：隐藏； div.classList.addclassName； }; .可见{ 能见度：可见； } .隐藏{ 可见性：隐藏； } 1. 2. 3. 4.

---

5只是一个小问题如果我选择视频，然后我选择pdf，没有任何显示你必须首先删除隐藏的类，这里有一个更新的小提琴：请我回来给你，有一个小错误，如果我有例如在数据图像=mp4，jpg它没有显示我改变了代码仍然不工作