如何在jquery中克隆后删除输入字段

Question

我正在克隆一个带有两个输入字段的div,其中一个是隐藏字段.现在我想在追加之前从克隆的div中删除隐藏的字段.我不知道该怎么做.我已经为它工作了但是我的工作没有合适的代码,或者我可能没有正确理解.请问有人可以帮我吗？!!! 以下是我的代码::

我想要克隆的div >>>

<div class="col-xs-4 wcmEdit" id="wcmEdit">
                <div class="form-group">
                    <label for="participatedWcMemberName"><g:message code="so" default="Member Name" /></label>
                    <g:textField id="participatedWcMemberName${i}" name="participatedWcMemberName${i}" value="${wcMembers?.participatedWcMemberName}" class="form-control" required=""/>
                    <g:hiddenField name="participatedWcMemberId${i}" value="${wcMembers?.id}"/>
                    <a onclick="addAnotherWcMemberEdit()">Add More</a> ||
                    <a onclick="removeThisMember()">Remove</a>
                </div>
            </div>

我克隆div >>>的功能

function addAnotherWcMemberEdit(){
    var memberSign = 'participatedWcMemberName' + wcMemberCounterEdit
    $('#wcmEdit').clone().find('input').attr({
        value: '',
        id: memberSign, 
        name: memberSign
    }).end().appendTo('#wcMember');
    wcMemberCounterEdit++;
}

Answer 1

您可以声明一个变量并使用它来保存源输入的克隆.然后.remove()源输入.由于您使用.clone(),因此它会创建深度克隆,因此变量在删除源后仍将保留克隆.然后你可以变量.appendTo()或variable.prependTo().