包装的上下文无法正常工作

Question

var parent = $('<div>parent</div>'); 
$('div').wrap(parent); 

parent.append('<div>appended</div>'); 

我使用下面的html代码测试它，并且append方法在父对象上不起作用。我在哪里犯错误？

<div>child</div> 

编辑：预期的HTML结果是

<div>parent 
<div>child</div> 
<div>appended</div> 
</div> 

Answer 1

你可以这样做：

$('div').wrap('<div>parent</div>').after('<div>appended</div>'); 

由于每个div是缠元素，附加到父母的独子是一样的div后插入新的元素。

DEMO

Answer 2

尝试

$(parent).html($(parent).html() + '<div>appended</div>'); 

或者

$(parent).append($('<div></div>').html('appended')); 

而且这可能工作

$(parent).append($('<div>appended</div>')); 

Answer 3

你caould尝试给孩子和ID：

HTML

<div id="child">child</div> 

jQuery的

var parent = '<div>parent</div>'; 
$('div').wrap(parent); 

$('#child').parent().append('<div>appended</div>'); 

该作品一个治疗，检查出来 - http://jsfiddle.net/ajthomascouk/MXbMQ/