在两个孩子之间添加一个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

jQuery有.insertBefore和.insertAfter这两个都做你想要的。

Answer 3

退房insertAfter()或insertBefore()

Answer 4

尝试

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