javascript - 克隆数组？

Question

我有一个个人资料页面，其中包含一系列照片，每张照片都有一个指向完整个人描述的弹出链接。每张照片下方，用 h3 包装，是个人资料页面上每个人的姓名。我正在尝试从图像中获取弹出链接，并将其添加到照片下方的名称中，以便我可以从标题和个人资料照片触发弹出窗口。

弹出窗口的工作方式是将 anchor 标记放在照片顶部，因此它不会包裹图像。相反，它的大小与图像相同，并使用 CSS 放置在图像之上。所以我想做的只是从图像中提取 anchor 标记并将其分配给 <span>将名称包裹在图像下方。

为此，我已将所有个人资料图像链接数据添加到一个数组中，并设法循环弹出链接并将它们添加到个人资料名称前面。问题是，现在图像链接不再起作用。

在研究解决这个问题的过程中，我遇到了clone()函数，我认为它可以工作，但显然它不适用于数组。

所以我对这个有点迷失了。关于如何解决这个问题有什么想法吗？任何帮助将不胜感激。

这是我到目前为止所拥有的:

(function($){
    var profileImgLink = $('.grve-item-url.grve-image-popup'),
        titleLink = $('h3.titleheader'),
        titleWrapper = titleLink.children('span'),
        attributes = profileImgLink.prop('attributes'),
        arr = profileImgLink.toArray();

        $.each(arr, function(index){

            titleWrapper.each(function(index){

                $(this).prepend(arr[index])

            });

        });

})(jQuery);

编辑: Heretic Monkey 提供了解决该问题的解决方案。他指出我可以将clone()方法添加到我设置的数组变量中，这解决了问题。所以这个问题已经有了答案。

Answer 1

试试这个:

(function($) {
    $('.grve-item-url.grve-image-popup').each(i, element){
        var $link = $(element);
        var $clonedLink = $link.clone();    
        $link.closest("h3.titleheader").children('span').prepend($clonedLink);
}})(jQuery);