jQuery克隆元素和insertAfter

Question

我正在尝试克隆一个简单的div并将其插入其后：

$(document).ready(function() {

  // clone and append
  $("div").clone().appendTo("div");

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="height: 10px; background-color: blue; width: 600px; margin-bottom:1px"></div>

为什么这没有按我预期的那样工作？

Answer 1

如果要在现有元素后插入元素，则应使用 .inserftAfter()

$(function() {
  $('div').clone().insertAfter('div');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="height: 25px; background-color: blue; width: 25px; margin-bottom:1px"></div>