jQuery的下一個（）的畫廊

Question

我被自己創造一種收藏畫廊，但我有問題，加載下一個和以前的圖像 $("a.lightbox").click(function (e) { var a = $(this).next().attr('href'); alert(a); }); 正如你看到的這件事情不工作，我需要在href包含接下來element.My HTML是這樣的：

<ul class="listing"> 
     <li><a href="imgs/eli.jpg" id="1" class="lightbox"><img src="thumbs/eli_t.jpg" width="150" height="100" class="images" /></a></li> 
     <li><a href="imgs/ggallin.jpg" id="2" class="lightbox"><img src="thumbs/ggallin_t.jpg" width="150" height="100" class="images" /></a></li> 
     <li><a href="imgs/jontarata.jpg" id="3" class="lightbox"><img src="thumbs/jontarata_t.jpg" width="150" height="100" class="images" /></a></li> 
     <li><a href="imgs/macka s tatuirovki.jpg" id="4" class="lightbox"><img src="thumbs/macka s tatuirovki_t.jpg" width="150" height="100" class="images" /></a></li> 
     <li><a href="imgs/mk7.jpg" id="5" class="lightbox"><img src="thumbs/mk7_t.jpg" width="150" height="100" class="images" /></a></li> 
     <li><a href="imgs/P5010345.jpg" id="6" class="lightbox"><img src="thumbs/P5010345_t.jpg" width="150" height="100" class="images" /></a></li> 
    </ul> 

Answer 1

你就是a元素調用next。 a標籤後沒有元素。你可以先得到家長，獲取下一個li，然後抓住從它的孩子a。

var a = $(this).parent().next().children('a').attr('href'); 

Answer 2

如何：

var a = $(this).parent().next().children('a').attr('href'); 

您最多可以導航到父，移動到下一個li，然後得到的鏈接。

您還需要在添加邏輯來對付列表到達尾部（開始）。