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 class="clickhere"></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) })