jquery追加到最后

Question

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

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

Answer 1

我建议:

$('<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().