jquery在最终元素之前追加

Question

我的html结构如此。

<div id='container'>
  <div class='item'> ... </div>
  <div class='item'> ... </div>
  <div class='item'> ... </div>
  ...
  <div id='item_final'><input type="button" id='addOne'>...</div>
</div>

以及我想要做的是在item_final div之前向容器类添加另一个项目。这些项目是动态的，因此它们的数量是未知的。

Answer 1

$('#container div:last').before( $('<div>') );

Answer 2

尝试使用.insertBefore方法。

$('<div>').insertBefore('#item_final');