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之前向容器类中添加另一项。这些项是动态的，所以它们的数量是未知的。

- GSto

Answer 1

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

- Stefan Kendall

---

我个人喜欢你的方法，如果你总是想引用“最后一个”而不是一个“应该”是最后一个组件，那么这种做法更加安全。 - Jose Diaz

Answer 2

尝试使用.insertBefore方法。

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

- David Hellsing