Question

所以我需要从特定类中获取内容并将其放在div中，我使用追加...我的问题是append删除了我追加的项目，我需要它留在那里，这是我的代码：

$(document).ready(function(){
    var $content = $('#popupcontent');
    var $window = $('#popupwindow');
    $('.open').click(function(){
        //alert('runnning');
        var a = $(this).contents('span');
        $content.append(a);
        $window.fadeIn(300);
    });
    $('.close').click(function(){
        //alert('running');
            var a = $content.contents('span');
        $window.fadeOut(300);
        $('#popupcontent span').remove();
    });
});

那么如何点击内容，从每个.open span转换为#popupcontents ID而不将其从.open类中删除？

告诉你我的意思：JSFIDDLE

注意：第二次点击链接时，它不会附加任何内容，因为该内容已从该类中删除，这不是我想要的

注意2：我不能只在append函数中remove而不是$('.close').click，因为我无法检测内容来自哪个.open类实例。

Answer 1

您需要克隆元素并附加克隆：

$('.open').click(function(){
    //alert('runnning');
    var a = $(this).contents('span');
    $content.append(a.clone());
    $window.fadeIn(300);
});

Demo

Jquery附加而不删除

1 个答案: