使用jquery对child进行更改

问题描述 投票:-1回答:1

我有一个文件目录,每个文件都有很少的缩略图,表明它的文件类型。但是,我希望缩略图对某些文件更具体。

例如,我有一个Sketch-File,一个Photoshop文件,一个JPG和一个PNG。 mime类型算法将所有这四个文件检测为图像。但是,我想替换sketch-和psd文件的图像缩略图。

现在,我想更改与文件扩展名相关的子div的'style'属性。如果data-file-attribute的扩展名为.psd>,则将div#thumbnail的style-attribute更改为... / filetypes / psd.svg。如果data-file-attribute是.sketch> div #tignails的stle-attribute应该是... / filetypes / sketch.svg。

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

如何才能做到这一点?有任何想法吗?我是jQuery的新手。

我的HTML看起来像这样:

<tr data-file="filename.png" data-mime="application/octet-stream">
  <td class="td_01">
    <a class="name">
      <div class="thumbnail" style="background-image:url(/img/filetypes/image.svg)"></div>
    </a>
  </td>
</tr>

<tr data-file="filename.jpg" data-mime="application/octet-stream">
  <td class="td_01">
    <a class="name">
      <div class="thumbnail" style="background-image:url(/img/filetypes/image.svg)"></div>
    </a>
  </td>
</tr>

<tr data-file="filename.psd" data-mime="application/octet-stream">
  <td class="td_01">
    <a class="name">
      <div class="thumbnail" style="background-image:url(/img/filetypes/image.svg)"></div>
    </a>
  </td>
</tr>

<tr data-file="filename.sketch" data-mime="application/octet-stream">
  <td class="td_01">
    <a class="name">
      <div class="thumbnail" style="background-image:url(/img/filetypes/image.svg)"></div>
    </a>
  </td>
</tr>
javascript jquery html parent
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.