將節點添加到現有節點，同時使用jQuery進行操作

Question

我希望能夠將一個節點添加或追加到父節點，同時操作要添加的那個節點。

我雖然這是可能的：

//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);

有一種方法可以一次實現我的目標嗎？

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)