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

我想在两个孩子之间添加一个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>');
}); 

但是,这最终会增加元素.

解决方法:

试试这个：

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

检查这些以阅读更多：

> :last Selector
> .before()

标签：jquery,javascript,dom-manipulation
来源： https://codeday.me/bug/20190630/1339559.html