7

追加する前に項目 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');
4

3 に答える 3

18

私はお勧めします：

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

または：

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

ノード作成の構文を次のように変更することをお勧めしますが、

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

その方が少し読みやすいと思います（ただし、必須ではなく、「ベストプラクティス」でもありません）。

参考文献:

于 2013-03-08T23:26:46.783 に答える
2

最後の の後に追加できます.item：

$('.item').last().after($('<div class="item">Item 3</div>'));
于 2013-03-08T23:27:08.620 に答える
1

これは、#main 内で最後から 2 番目の div を見つけることで機能します

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

$( newItemHTML ).insertAfter( $secondLast );
于 2013-03-08T23:30:28.540 に答える