如何创建一个复制并插入自己的div的函数？

编辑 ：访问https://jsfiddle.net/DTcHh/40740/获取最终解决方案！

更新 ：这个问题是一个后续问题 ！

我有一个带有“添加问题”（Bootstrap）单选按钮的div。 我的意图是，当点击上面提到的按钮时，应该复制放置按钮的div并将其放在下面：

我怎么做？ 单击按钮时没有任何反应。

js.fiddle

HTML：

 
 
 
 
 
 
 
 Question: 
 
 
 
  
 
 
 
 Enter avaible options: 
 
 
 
  Add Question  Save Test  
 
 
 
 
 
  

jQuery的

 $("#radioAddQuestion").click(function() { var html = $("#" + singleQuestionModule).html(); $(html).insertAfter("#" + singleQuestionModule); }); 

这是我试图重现的一个工作示例 （不是我的代码）。

Answer 1

更新小提琴 。

如果定义singleQuestionModule并删除内联事件，则代码将起作用。

注意：如果您希望将单选按钮单击事件附加到新创建的问题，则需要使用事件委派.on()如：

 $("body").on("click", "#radioAddQuestion", function() { 

码：

 $("body").on('click', '#radioAddQuestion', function() { var singleQuestionModule = "singleQuestionModule"; var question = $(".question:first").html(); var question_label = $(".question-label:first").html(); $(question_label).insertBefore(".options-label"); $(question).insertBefore(".options-label"); }); 

 #singleQuestionModule { margin-left: 50px; } 

    
 
 
 
 
 
 
 
 Question: 
 
 
 
  
 
  
 
 
 Enter avaible options: 
 
 
 
  Add Question  Save Test