包裝的上下文無法正常工作

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/