jquery - Jquery在克隆期间一次编辑多个孩子

Question

我目前正在使用以下代码。哪个克隆一个元素并将克隆中的输入更改为我需要的。克隆中还有一个选择，我需要将其名称更改为另一个 val。如何同时在同一个克隆命令上执行 2 个孩子？

代码：

$(this).parent().parent()
    .append($(this).parent()
    .clone()
    .children('input').attr('name', VAL)
    .end()
);

我需要这样的东西

$(this).parent().parent()
    .append($(this).parent()
    .clone()
    .children('input').attr('name', VAL)
    .children('select').attr('name', VAL2) // Where this does not target children of the input, but of the clone.
    .end()
);

Answer 1

$(this).parent().parent()
    .append($(this).parent()
    .clone()
    .children('input, select').attr('name', VAL)
);

或者：

$(this).parent().parent()
    .append($(this).parent()
    .clone()
    .children('input').attr('name', VAL)
    .end()
    .children('select').attr('name', OtherVal) 
);

现场演示

Answer 2

这个答案在一定程度上要感谢 gdoron，但他拒绝将答案更改为实际正确答案。如果您需要在克隆或任何对象中编辑多个子对象，请使用 end 并指定下一个子对象。

$(this).parent().parent()
    .append($(this).parent()
    .clone()
    .children('input').attr('name', VAL)
        .end()
    .children('select').attr('name', VAL2) 
        .end()
);