Javascript 如何克隆一个元素而不使每次的元素数翻倍？

我有两个盒子，女主角和女主角。每次单击divB时，我都希望克隆一个divA。这在我第一次使用当前代码时效果很好，但之后每次都会使divA的数量翻倍。我该怎么阻止这一切

$(document).ready(function() {
    $('.divB').click(function() {
        // fade out divB when clicked
        $(this).fadeOut("slow");
        // Then clone divA and add to body
        $(".divA").clone('true').appendTo("body");
        // Then add a new divB to the body after the cloned divA
        $(".divB").clone('true').appendTo("body");
    });
 });

---

保留一个外部引用和一个元素引用

$(document).ready(function () {
    var $divB1 = $('.divB').first();
    var $divA1 = $('.divA').first();
    $('.divB').click(function () {
        // fade out divB when clicked
        $(this).fadeOut("slow");
        // Then clone divA and add to body
        $divA1.clone(true).appendTo("body");
        // Then add a new divB to the body after the cloned divA
        $$divB1.clone(true).appendTo("body");
    });
});

---

参数也是布尔值

true

而不是字符串文字

'true'

$divB1.clone（true）.appendTo（“body”）

应该是

$divA1…

其实真的很对不起大家，刚刚发现这个