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) })