Image 向包含图像的div添加过滤器

我几乎没有使用html等的经验，但我一直在尝试向一个小的图像库添加一个简单的过滤器

这正是我试图实现的目标：

• 我只需要能够在“全部”、“1类”、“2类”、“3类”之间进行过滤。我不需要对结果进行排序

这是我正在使用的库的代码：

每个缩略图中都有大量的信息，这就是为什么我发现很难找到将附加代码放在何处的原因：

<div class="box">
<div class="boxInner">
    <a href="http://static.giantbomb.com/uploads/original/0/995/2165859-hero.png" data-lightbox="http://static.giantbomb.com/uploads/original/0/995/2165859-hero.png" title="Category-1"> 
        <img src="http://static.giantbomb.com/uploads/original/0/995/2165859-hero.png" /></a>
  <div class="titleBox">Category-1</div>
</div>

第一类

一些帮助将不胜感激，因为我无法让它工作，当我这样做，如果我移动排序菜单，它停止工作

---

谢谢你

你读过这个吗？您好，我有是的，这是有道理的（有点）我没有jQuery的经验，所以我需要一段时间来解决。但是我已经将每个类别分组到一个无序列表中，每个图像div都被包装在

中，现在我需要了解如何创建菜单并调用quicksand插件。这是最新的代码：