在选择的div之前添加div

Question

我有一堆接一个的div。

<div class="betweenable">some content</div>
<div class="betweenable">other content</div>
<div class="betweenable">yet another</div>

当我点击最后一个div时，我想在其前面的div中插入文本new content，因此最终结果将是

<div class="betweenable">some content</div>
<div class="betweenable">other content</div>
<div class="betweenable">new content</div>
<div class="betweenable">yet another</div>

我尝试了append但是它在顶部中的选择div 中添加了新标记 。我希望它在外面插入选定的div并在它之前。我该怎么用而不是这一行

var newmarkup = '<div class="betweenable">new content</div>';
$(this).prepend();

Answer 1

你可以试试这个

$('.betweenable').click(function(){
   var newmarkup = '<div class="betweenable">new content</div>';
   $(this).before(newmarkup);
});

以下是一个示例：http://jsfiddle.net/jomanlk/C4XyH/

Answer 2

您可以.before使用 DEMO