jQuery：同一頁上的多個照片畫廊

我想弄清楚如何在一個頁面上多次使用jQuery照片庫。大多數（如果不是全部的話）jQuery圖庫使用一個ID來定位主圖庫圖像並替換屬性。jQuery：同一頁上的多個照片畫廊

我怎樣才能構建一個畫廊，只取代相關的主要畫廊形象？

<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; 
});

來源

2010-11-17 dcolumbus

您可以將演示鏈接與解決方案？因爲我也有相同的要求。 – Elshan 2015-03-07 06:56:59

這是最簡單的去集團母公司，然後找到你想要的元素。

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

來源

2010-11-17 21:46:06 Orbling

是的！這是我一直在尋找的。出於某種原因，我沒有正確使用「父母」功能。謝謝，Orbling！ – dcolumbus 2010-11-17 21:52:10

這是一個簡單的jQuery選擇假設this是點擊a標籤之一：

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

來源

2010-11-17 19:38:11

我想你誤解了這個問題。我正在使用類...我要問的是如何定位當前點擊的拇指的「main_view」類。 – dcolumbus 2010-11-17 19:46:35

好的，我已經適當地編輯了我的答案。 – 2010-11-17 19:50:33

這不起作用。我已經發布了我上面使用的jQuery ^^ – dcolumbus 2010-11-17 21:43:30

jQuery：同一頁上的多個照片畫廊

回答

相關問題