在兩個孩子之間添加一個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>');