将节点添加到现有节点，同时使用jQuery进行操作_JavaScript

我希望能够将一个节点添加或追加到父节点，同时操作要添加的那个节点。

我虽然这是可能的：

//I though this was possible:
$('#master').after('<div id="test" style="border:solid 1px orange;"/>').text(1);

但结果会更新“主” div的“文本”属性，同时在其下创建另一个div。

我可以通过两个电话实现我的目标：

$('#master').after('<div id="test" style="border:solid 1px orange;"/>');
$('#test').text(1);

有一种方法可以一次实现我的目标吗？

这个怎么样。

$('#master').after($('<div/>', {
    'id': 'test',
    'style': 'border:solid 1px orange;',
    'text': 1
}))

或者只是这个

$('#master').after('<div id="test" style="border:solid 1px orange;">1</div>');

jQuery突变方法返回您调用它们的原始元素，而不是您插入的东西。

您需要从新元素开始：

$('<div id="test" style="border:solid 1px orange;"/>')
    .insertAfter('#master')
    .text(1)

将节点添加到现有节点，同时使用jQuery进行操作