使用javascript或Jquery在元素之前和之后插入Div

Question

我有两个div，第一个是隐藏的，第二个是可见的：

<div id="first" style="display:none;">
  //First 
</div>

<div id="second">
  <button onclick="javascript:show()" > Copy </button>
</div>

当用户点击复制按钮时，我想在第二个div之前和之后添加第一个div的副本。

Answer 1

您应该删除按钮上的onclick并添加

$("button").click(function(e) {
    $("#second").before($("#first").clone(true,true).attr("id", "firstBeforeCopy").show()); // clone first before second
    $("#second").after($("#first").clone(true,true).attr("id", "firstAfterCopy").show());   // clone first after second
});

请注意clone(true, true)，它也会克隆已经绑定的事件

Answer 2

function show(){
  var a = '<div class="firstCopy">' + $('#first').html() + '</div>'
  $('#second').before(a)
  $('#second').after(a)
}

应该是它;）

Answer 3

这样的事情对你有用吗？

$('#second').before($('#first').clone());
$('#second').after($('#first').clone());