Question

我想在添加之前添加第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');

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()。

Answer 2

您可以在最后.item之后追加：

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

Answer 3

这可以通过查找#main

中的第二个最后一个div来实现

var newItemHTML = '<div class="item">Item 3</div>',
    $secondLast = $('#main').find('div:last-child').prev();

$( newItemHTML ).insertAfter( $secondLast );

jquery追加到最后

3 个答案: