Javascript 表单内部Jquery克隆div

我试图在表单中复制一个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" />

提示：
---


---
x
布卡蒂

$（“#复制”）。单击（功能（e）{
var可用性=$（“.avail”）；
var cnt=可用长度+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（'--'）.val（'NA'）；
e、 预防默认值（）；
});

---

有什么线索可以让它保持相同的形式，而不是在之后使用冒号吗？

而不是使用

insertBefore（this）

使用

.appendTo（avails.parent（））

---

在表单中添加id，并将div附加到表单中

<form id="myform">

var myDiv = $(".avail");

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

var myDiv=$（“.avail”）；
$（“#myform”）.append（myDiv）；

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

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

演示：