Javascript 使用JQuery动态添加按钮而不使用.append

我有一个场景，我想要一个按钮出现，但是这个场景是循环的

目前我的代码如下所示：

var r = $('<input type="button" value="Done swapping"/>');
$('#doneSwapping').append(r);

var r=$（''）；
$（'#doneSwapping'）。追加（r）；

我只希望按钮出现一次，但由于使用了.append，它在每次迭代中都会不断添加，从而产生几个按钮

有办法解决这个问题吗？也许在循环结束时再次移除按钮？我确实尝试过。删除，但这似乎删除了整个“doneSwapping”引用，而不仅仅是按钮

---

谢谢：）

首先，尝试将其移出循环。如果你不能点帽子，那么在添加之前检查它是否已经添加。您可以使用按钮的某些属性，就像我使用的

class

var r = $('<input type="button" value="Done swapping" class="cls"/>');
if($('#doneSwapping .cls').length == 0)
    $('#doneSwapping').append(r);

var r=$（''）；
if（$（'#doneSwapping.cls'）.length==0）
$（'#doneSwapping'）。追加（r）；

您需要使用

.empty（）

它不会破坏结构，但会破坏其中的内容

$('#doneSwapping').empty();  

---

.remove（）

会破坏容器。

为什么要将其放在循环中？