Javascript jquery不工作时的深度复制

几个小时以来，我一直在尝试构建自己的幻灯片，以便使用javascript进行播放

我有一个对象$pic和我网站的所有图片。到目前为止没问题。我的图像在我的网站上显示为拇指

现在，当我单击.rightslide按钮时，脚本将通过slidenavi（）函数获取当前图像的下一个和上一个图像。这也行。但是它不会深度复制slidenavi（）函数返回的对象，因此应该复制的图像会被拿走……所以根本没有复制

我能做什么

    function slidenavi(image_src){
        $nextpic_index="";
        $prevpic_index="";
        $nextpic="";
        $prevpic="";

        $pics.each(function (index) {
            if (this.src== image_src){
                $nextpic_index=index+1;
                $prevpic_index=index-1;
            } 
        })
        nextpic=$pics.eq($nextpic_index);
        prevpic=$pics.eq($prevpic_index);
        img = {
            prev:prevpic,
            next:nextpic
        };

        return img
    }

    $('.rightslide').click(function(){
        var slidenaviobject=slidenavi($(this).parent().siblings('img').attr('src'));
        var copyimage = jQuery.extend(true, {}, slidenaviobject);
        console.log(copyimage.next);
        $('.slideshow-wrapper').append(copyimage.next);        

    }) 

---

nextpic

是对（jQuery包装的）DOM节点的引用。附加DOM节点时，您必须

.clone（）

该节点。

非常感谢……但为什么这么难呢……因为我无法复制混合的DOM元素？