jquery追加为倒数第二

f0brbegy 于 2022-12-12 发布在 jQuery

关注(0)|答案(3)|浏览(217)

我想在add之前添加第3项。我该怎么做呢？我考虑过使用index，但我仍然不知道如何追加它，即使我知道它应该放在哪里。总之，这里是my demo
于飞：

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

jquery

来源：https://stackoverflow.com/questions/15305038/jquery-append-as-2nd-last

3条答案

按热度按时间

xzabzqsa1#

我建议：
第一个
或者：
第一次
尽管我建议将节点创建中的语法更改为：
第一个
我发现这样读起来更容易一点（尽管绝对不是强制性的，甚至不是“最佳实践”）。
至于编辑答案--包括Stack Snippets --这一切都可以用普通JavaScript轻松实现：
第一个
参考文献：

JavaScript语言：
after()。
数组常值。
是的。
document.querySelectorAll()中的一个。
Object.assign()。
spread syntax。
查询：
insertAfter()。
insertBefore()。
是的

赞(0）回复(0）举报 2022-12-12

9gm1akwq2#

您可以在最后一个.item之后附加：

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

赞(0）回复(0）举报 2022-12-12

m0rkklqb3#

其工作原理是在#main中查找倒数第二个div

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

$( newItemHTML ).insertAfter( $secondLast );

赞(0）回复(0）举报 2022-12-12

我来回答

jquery追加为倒数第二

3条答案

相关问题

热门标签

最新问答