javascript - 在两个 child 之间添加一个 DOM 元素

Question

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

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