JQuery 克隆节点问题

克隆节点

---

场景

• JavaScript

function MoveToCard() {
    $(this).find(".cardfooter").show(200);
}
function LeaveFromCard() {
    $(this).find(".cardfooter").hide();
}
$(".card").mouseenter(MoveToCard).mouseleave(LeaveFromCard);

• html

<div class="card mt-3" id="card1" style="border-color: #ffffff">
    <div class="card-body">
         ...
    </div>
    <div class="cardfooter" style="position: absolute;right: 1rem;top: 1rem; display: none;">
        <span class="fa fa-times-circle mr-3 delete" name="card1"></span>
        <span class="fa fa-clone copy  mr-3" name="card1"></span>
        <span class="fa fa-pencil-square-o edit text-info" name="card1" aria-hidden="true"></span>
    </div>
</div>

以上代码中， .cardfooter 节点通过 jQuery 判断 .card 的覆盖事件控制显示

问题

---

克隆 .card1 节点时，其子元素 .cardfooter 是显示状态，所生成的 克隆对象需要，手动去隐藏 .cardfooter