javascript - 从克隆中删除标签？

Question

克隆插槽后，标签将被隐藏。只有顶部的第一个插槽有一个标签(未隐藏)。

目前隐藏了所有标签，如何解决这个问题？

$('.slot-container').on("click", ".btn-add-slot", function(event) {
    var slot = $(this).closest('.slot');
    copySlot = slot;

    $('label', copySlot).hide(); // hide Clone Label

    $(slot).clone().appendTo(".slot-container");

    //hide button from this slot
    $(this).hide();
});

HTML:

<div class="slot-container">
    <div class="slot">
        <label>Time</label>
        <input type='text' class='address_field' />
        <button class="btn-add-slot">
          Add Slot +
        </button>
    </div>
</div>

Fiddle

Answer 1

要解决此问题，您只需在克隆元素内的 label 元素上调用 hide() 即可。另请注意，您可以稍微整理一下逻辑。试试这个:

$('.slot-container').on("click", ".btn-add-slot", function(event) {
    var $clone = $(this).closest('.slot').clone().appendTo(".slot-container");        
    $clone.find('label').hide();
    $(this).hide();
});

Updated fiddle