jQuery:同一页面上有多个照片库

我试图弄清楚如何在一个页面上多次使用jQuery照片库。大多数jQuery库（如果不是所有jQuery库的话）都有一个用户ID来定位主库图像并替换该属性

如何构建库并仅替换相关的主库图像

<div class="gallery">
    <div class="main_view">
        <img src="092519.jpg" alt="Some Image" />
    </div>
    <ul class="thumb">
        <li><a href="092519.jpg"><img src="092519.jpg" alt="" /></a></li>
        <li><a href="092520.jpg"><img src="092520.jpg" alt="" /></a></li>
        <li><a href="092521.jpg"><img src="092521.jpg" alt="" /></a></li>
        <li><a href="092522.jpg"><img src="092522.jpg" alt="" /></a></li>
        <li><a href="092523.jpg"><img src="092523.jpg" alt="" /></a></li>
        <li><a href="092524.jpg"><img src="092524.jpg" alt="" /></a></li>
        <li><a href="092525.jpg"><img src="092525.jpg" alt="" /></a></li>
        <li><a href="092526.jpg"><img src="092526.jpg" alt="" /></a></li>
    </ul>
</div>

---

这是一个简单的jQuery选择器，假设

this

是单击的

a

标记之一：

$(this).closest('div.main_view')

---

最简单的方法是转到组父级，然后找到所需的元素

$(this).parents('.gallery').find('.main_view');

---

我想你误解了这个问题。我正在使用类。。。我要问的是如何定位当前单击的thumb的“main_view”类。是的！这就是我要找的。出于某种原因，我没有正确使用“家长”功能。谢谢你，奥伯林！你能把演示链接和解决方案放在一起吗？因为我也有同样的要求。

$(this).parents('.gallery').find('.main_view');