Javascript 使用jquery对子对象进行更改

我有一个文件目录，每个文件都有一个小的缩略图，显示它的文件类型。但是，我希望缩略图对某些文件更加具体

例如，我有一个草图文件、一个Photoshop文件、一个JPG和一个PNG。mime类型算法将这四个文件全部检测为图像。但是，我想替换草图和psd文件的图像缩略图

现在，我想更改与文件扩展名相关的子div的“style”属性。如果数据文件属性的扩展名为.psd>，则将div#缩略图的样式属性更改为…/filetypes/psd.svg。如果数据文件属性为.sketch>div，缩略图的stle属性应为…/filetypes/sketch.svg

但是，PNG和JPG的缩略图应保持不变

如何做到这一点？有什么想法吗？我不熟悉jQuery

我的HTML如下所示：

---

这将帮助您：

它查找文档中的所有tr

对于每个tr，它都会尝试查找.psd或.sketch。如果找到其中一个，则会修改bakcground图像。如果没有，它什么也做不了

编辑：它是用纯js编写的，不使用JQuery

设tr=document.querySelectorAll（'tr'）；
对于（变量i=0；i=0）{
t、 querySelector（'div'）.style.backgroundImage=“url（img/filetypes/psd.svg）”；
}else if（t.dataset.file.indexOf（'.sketch'）>=0）{
t、 querySelector（'div'）.style.backgroundImage=“url（img/filetypes/sketch.svg）”；
}	
}