javascript - Jquery next() 用于画廊

Question

我正在自己创建一种灯箱画廊，但在加载下一张和上一张图像时遇到问题$("a.lightbox").click(function (e) {
var a = $(this).next().attr('href');
警报(一)；
});正如你所看到的，这个东西不起作用，我需要包含下一个元素的 href。我的 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');