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

$(() => {
  $('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>