如何在单击div之后插入DOM元素

Question

我的标记为

<div id="wrap">
   <div class="clickhere"></div>
   <div class="clickhere"></div>
   <div class="clickhere"></div>
   <div class="clickhere"></div>
   <div class="clickhere"></div>
</div>

现在，我想在使用jQuery单击div之后添加另一个<div class="clickhere"></div>。我想到了.append()或.prepend()，但它只添加了父元素的最后一个或第一个（如果应用于父元素）。

$('.clickhere').click(function(){
   // add <div class="clickhere"></div> just below $(this)
})

Answer 1

你有.insertAfter()：）

$('<div class="clickhere"></div>').insertAfter(this);

Answer 2

接近POJS：

> $('.clickhere').click(function(){

  var div = document.createElement('div');
  div.className = 'clickhere';
  this.parentNode.insertBefore(div, this.nextSibling);

> just below $(this) })