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

Question

我希望能够在父节点上添加或附加节点，同时操纵正在添加的节点。

我虽然这是可能的：

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

但结果更新了'master'div的'text'道具，同时在其下创建了另一个div。

我能够使用两个电话来实现我的目标：

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

有没有办法一次性实现我的目标？

Answer 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>');

Answer 2

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

您需要从新元素开始：

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