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之后插入新元素相同。

Answer 2

尝试

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

或者

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

这也可行

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

Answer 3

您可以尝试给孩子和身份证明：

<强> HTML

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

<强>的jQuery

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

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