Question

我正在使用以下jQuery来克隆一组输入字段（1个选择字段，2个文本字段和1个数字字段）

$("#add_button").click(function(e) {
    e.preventDefault();
    $(".form-row :first").clone().insertAfter(".form-row :last").find("input[type='text']").val("");
});

有什么方法可以扩展它，所以克隆的数字字段也不包含值。

我试过

$("#add_button").click(function(e) {
    e.preventDefault();
    $(".form-row :first").clone().insertAfter(".form-row :last").find("input[type='text|number']").val("");
});

哪个不起作用。

Answer 1

.find("input[type='text|number']")中的选择器不正确。要选择多个元素，请用逗号分隔选择器。

.find("input[type='text'], input[type='number']")

请参阅Multiple Selectors

要将空字符串设置为所有input元素的值，请使用元素选择器。

.find('input').val('')

Answer 2

您必须使用,的多元素选择器来分隔每个选择器;像：

$("#add_button").click(function(e) {
    e.preventDefault();
    $(".form-row :first").clone().insertAfter(".form-row :last").find("input[type='text'], input[type='number']").val("");
});

jQuery .find（）输入多种类型

2 个答案: