jQuery: несколько фотогалерей на одной странице

Question

Я пытаюсь выяснить, как использовать фотокамера 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:

$("ul.thumb li a").click(function() { 
    var mainImage = $(this).attr("href"); // Find Image Name 
    //$(".main_view img").attr({ src: mainImage }); 
    $(this).closest("div.main_view").hide(); // doesn't work 
    return false; 
}); 

Answer 1

Это легче идти к группе родителей, то найдите нужный элемент.

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

Answer 2

Это простой селектор JQuery при условии, что this является один из перешедших a теги:

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