如何将last last（）元素带回列表中的第一个元素？

Question

https://jsfiddle.net/2z9unx02/12/

我有一个滚动图像的灯箱库。当我到达最后或开始时，它会冻结在最后一张照片上。我希望这些照片可以向两个方向循环。上一个或下一个。如何触发最后一个li回到第一个，反之亦然？提前谢谢。

$buttonLeft.click(function() {
    var temp = $("li.active").parents("div.pic_wrapper").prev();
    var imageLocation = temp.find("a").attr("href");
    var captionText = temp.find("img").attr("alt");    
    updateImage(imageLocation, captionText);
    $("li.active").removeClass("active");
    temp.find("li").addClass("active");
});

$buttonRight.click(function() {
    var temp = $("li.active").parents("div.pic_wrapper").next();
    var imageLocation = temp.find("a").attr("href");
    var captionText = temp.find("img").attr("alt");    
    updateImage(imageLocation, captionText);
    $("li.active").removeClass("active");
    temp.find("li").addClass("active");
});

Answer 1

之后：

var temp = $("li.active").parents("div.pic_wrapper").next();

..添加以下内容：

temp = temp.length ? temp : $('li.active').parents('div.pic_wrapper').siblings().first();