jquery - 如何在fotorama插件中向div添加自定义类？

我有一个用Fotorama插件制作的图库。我需要的和我不知道怎么做的是将一个自定义类添加到一个特定的div中，这些属性并不重要，我需要知道如何将该类与现有代码挂钩。我要添加到第二个div中的类，该类包装每个缩略图图像（tabindex=“0”）。
Fotorama有一个很难理解的编码风格（至少对我来说）。

  <div class="fotorama__nav__frame fotorama__nav__frame--thumb" tabindex="0" role="button" style="width: 64pxl">
       <div class="fotorama__thumb fotorama__loaded fotorama__loaded--img">
         <img src="imagini/stilllife.jpg" class="fotorama__img" style="width: 64px; height: 85px; left: 0px; top: -11px;">
       </div>
</div>

任何建议都是非常受欢迎的。谢谢！

最佳答案

您可以使用以下代码片段添加自定义类（检查HTML，然后在运行代码片段后检查HTML），如您所说，此fotorama类应用于每个缩略图，因此您可以将自定义类添加到具有-->fotorama__nav__frame--thumb类的每个缩略图框架元素
编辑

$(document).ready(function() {
  $(".fotorama__nav__frame--thumb").each(function(index) {
    $(this).addClass('yourClass');
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="fotorama__nav__frame fotorama__nav__frame--thumb" tabindex="0" role="button" style="width: 64pxl">
  <div class="fotorama__thumb fotorama__loaded fotorama__loaded--img">
    <img src="http://awesomeshit.ninja/wp-content/uploads/2014/11/grumpy-cat-no.jpg" class="fotorama__img" style="width: 64px; height: 85px; left: 0px; top: -11px;">
  </div>
</div>

关于jquery - 如何在fotorama插件中向div添加自定义类？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26950762/