在两个孩子之间添加DOM元素

Question

我想在两个孩子之间添加一个dom元素，特别是在最后一个孩子之前。

<div id='parent'>
    <div class='nav-option'></div>
    <div class='nav-option'></div>
    <div class='nav-option'></div>
    {{I want to insert something here}}
    <div class='nav-option'></div>
</div>

现在我正在使用以下代码：

$('#add-account').click(function(event){                               
    $('#face').append('<div class="nav-select"></div>');
}); 

但是这会在最后加上元素。

Answer 1

试试这个：

$('div.nav-option:last')
    .before('<div class="nav-select"></div>');

查看这些内容以了解详情：

• :last Selector
• .before()

Answer 2

结帐insertAfter()或insertBefore()

Answer 3

jquery有.insertBefore和.insertAfter两者都可以做你想要的。

Answer 4

尝试

$('.nav-option:last').before('<div class="nav-select"></div>');