4

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

但这在最后添加了元素。

4

4 回答 4

2

尝试这个:

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

查看这些以了解更多信息:

于 2011-04-05T00:37:45.143 回答
1

查看insertAfter()insertBefore()

于 2011-04-05T00:38:49.307 回答
0

jquery 有.insertBefore并且.insertAfter两者都做你想要的。

于 2011-04-05T00:37:55.757 回答
0

尝试

$('.nav-option:last').before('<div class="nav-select"></div>');
于 2011-04-05T00:40:13.730 回答