jquery追加到最后

我想在添加之前添加第3项.我该怎么做？我想过使用索引,但是即使我知道应该放在哪里,我仍然不知道如何追加它.无论如何这里是 my demo

HTML：

<div id="main">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="Add">Add</div>
</div>

JS：

$('<div class="item">Item 3</div>').appendTo('#main');

解决方法

我建议：

$('<div class="item">Item 3</div>').insertBefore('div.add');

要么：

$('<div class="item">Item 3</div>').insertAfter('.item:last');

虽然我建议将节点创建中的语法更改为：

$('<div />',{class: 'item',text: 'Item 3'})

我发现这种方式更容易阅读(虽然绝对不是强制性的,甚至是“最佳实践”).

参考文献：

> insertAfter().
> insertBefore().