如何使用jquery选择所有非提交、重置或按钮的输入？

Question

我试图选择除 input type="submit/reset/button 之外的所有输入元素

我尝试制作这样的选择器：

inputSelector = 'input:not(input[type=button], input[type=submit], input[type=reset]), textarea, select';

但这不起作用，因为提交按钮总是进入最终选择。

知道出了什么问题吗与上述

谢谢！

Answer 1

尝试将您的选择器修改为链 .not(...) ，如下所示：

var inputs = $('input, textarea, select')
                .not(':input[type=button], :input[type=submit], :input[type=reset]');

$(inputs).each(function() {
    console.log(this.type);
});

这使其（可以说）更易于阅读，并且应该按照您的预期工作。

Answer 2

这个答案可以说比迈克尔·罗宾逊的更难阅读，但我发现它更简洁。您可以使用 :input 来选择它来收集所有表单元素，然后使用 :not()not() 函数code> 每个不需要的输入类型的选择器。

来自 jQuery 的 API 文档 (https://api.jquery.com/input-selector/ ）：

:input 选择器基本上选择所有表单控件。

类似“CSS”的选择器版本，:not() 选择器是独立的，也可以在 CSS 3 中使用：

var inputs = $("#theForm").find("input:not([type=button]):not([type=submit]):not([type=reset])");

Answer 3

更短、更简洁的方法：

var inputs = $(':input[type!=button]:input[type!=submit]:input[type!=reset]');

或者

$("#some-selector :input[type!=button]:input[type!=submit]:input[type!=reset]');