jQuery.find(）输入多种类型

jQuery .find() inputs of multiple types

本文关键字：种类 类型 输入 find jQuery      更新时间：2023-09-26

我使用以下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("");
});

这不起作用。

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

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

参见多重选择器

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

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

必须使用多元素选择器，使用,来分隔每个选择器；类似：

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