JQuery lightbox下一个图像开关

我在切换到灯箱中的下一个图像时遇到问题。当我第一次点击下一步按钮时，一切正常。我似乎无法从那里看到下一张图片。下面是我正在使用的代码。任何帮助都将不胜感激

      $('#portfolioGallery .pGallery').click(function(){    
        var firstImg = $(this).find('img').clone();
        var nextImg = $(this).next().find('img').clone();
        $('#lightbox').append(firstImg);
        $('#next').click(function(){                    
                $('#lightbox').find('img').remove();
                $('#lightbox').append(nextImg);

        })

---

看起来您的代码可能正在工作，但您继续克隆，然后选择同一图像的克隆，因此它似乎不是wokring，我不明白克隆的目的是什么

  $('#portfolioGallery .pGallery').click(function(){    
    var firstImg = $(this).find('img');
    var nextImg = $(firstImg).next().find('img');  //try this
    $('#lightbox').append(firstImg);
    $('#next').click(function(){                    
            $('#lightbox').find('img').remove();
            $('#lightbox').append(nextImg);
    })

---

我使用克隆从页面上抓取图像，但没有完全删除它。有比克隆更好的方法吗？此外，我还有一些过滤器，可以根据单击的按钮隐藏某些图像。我正试图抓取下一个可见图像加载到灯箱中。仍然没有运气。在不使用clone（）的情况下出现的问题为我提供了一个空div，该div是我的映像以前所在的位置。你确实帮我缩短了代码。谢谢。你仍然可以尝试克隆，只要确保它运行。下一步在firstImg之后