内部形式的jquery克隆div

Question

我想重复一个div的内容，在窗体内。但每次它都克隆在表单之外。

<form> 
    <div class="avail" style="border:1px solid #cccccc; padding:3px;"> 
     <div id="id">Tip dispozitiv: 
      <select name="tip" id="tip" class="tip" cnt="senzori"> 
       <option value="NA" selected="selected">---</option> 
      </select> 
      <br/> 
      <select id="senzori" name="senzori" style="border:1px solid #cccccc;"> 
       <option selected="selected">---</option> 
      </select>x 
      <input type="text" name="ctr_bucati" size="2" value="1">Bucati 
      <div style="display:inline-block; margin-left:300px;"><a href="#" id="rem" class="rem">X</a> 
      </div> 
     </div> 
    </div> 
</form> 
<input type="submit" value="+" id="copy" /> 

$("#copy").click(function (e) { 
    var avails = $(".avail"); 
    var cnt = avails.length + 1; 
    avails.eq(0).clone().insertBefore(this).find("div").attr("id", "id" + cnt).find("#senzori").attr("id", "senzori" + cnt); 
    $("#id" + cnt).find("#tip").attr("cnt", "senzori" + cnt); 
    $("#senzori" + cnt).find('option').remove().end().append('<option value="NA">---</option>').val('NA'); 
    e.preventDefault(); 
}); 

任何线索我怎么可以让它留后以相同的形式，而不是加冒号？

Answer 1

而是采用insertBefore(this)

使用.appendTo(avails.parent())

WORKING DEMO

Answer 2

的ID添加到您的形式和DIV追加到形式

<form id="myform"> 

var myDiv = $(".avail"); 

$("#myform").append(myDiv); 

Answer 3

或者你可以，而不是修改HTML JS代码，通过将“+”按钮移动到表格中：

<form> 
    <!-- ... --> 
    <input type="submit" value="+" id="copy" /> 
</form> 

演示：http://jsfiddle.net/yoxn0j4g/