javascript - 复制要在模式框中显示的父元素

Question

我有一个链接，我想显示一个模式对话框，其中包含标题和所单击链接的父元素的副本。

$('#link').live('click',function(){
    container = $(this).parents(".container")[0];
    message = $("<h2>You clicked on this.</h2>" + container);
    message.find(".foo, .bar, .lorem").remove();

    console.log(message[0]);
    // code for displaying the box using message[0]
});

我还必须过滤掉容器元素的某些子元素。

但是，这(这是我在涉足 clone() 和 insertAfter() 一段时间后第四次尝试)不起作用。它只显示 <h2> ，看不到父元素的副本。

显然，在模式后面的页面上仍然可见的原始父元素不应受到影响。

这里出了什么问题？

Answer 1

$(document).on('click', '#link', function(){
    var container = $(this).closest(".container").clone(true);
        container.find(".foo, .bar, .lorem").remove();
    var message = $("<h2>You clicked on this.</h2>").add(container);

    $('#modalID').append(message);

    console.log(message);
});