如何獲取所有未選擇的輸入字段

Question

var $inputs = $('.add-item-form :input'); 

這將獲得所有輸入字段，但也會選取我不想要的選擇字段。

例如

<select><option>example</option></select> 

Answer 1

:input是jQuery的特定僞選擇了input，textarea，button ，和select元素。所以，你可以這樣做：

var $inputs = $('.add-item-form :input:not(select)'); 

...但你也可以叫出來，你想具體是什麼：

var $inputs = $('.add-item-form input, .add-item-form textarea, .add-item-form button'); 

...這將具有的優點是，如果瀏覽器支持querySelectorAll（在標準模式下幾乎所有的都是這樣），jQuery可以直接切換到本地處理（而:input只針對jQuery，所以不能由瀏覽器的原生東西處理）。

或者，當然，如果你不想textarea和button元素，它真的很簡單：

var $inputs = $('.add-item-form input'); 

...並再次擁有的瀏覽器的優化的東西在可能被處理的優勢。

Answer 2

使用.not()省略選擇框

var $inputs = $('.add-item-form :input').not("select") 

或者使用CSS樣式:not選擇

var $inputs = $('.add-item-form :input:not(select)'); 

Answer 3

如果你只是想input要素，省略冒號：

$('.add-item-form input'); 

的:input選擇器選擇所有輸入，文本區域，選擇和按鈕元素。如果你只想要輸入元素，就說input。

（這個答案是沒有好，如果你做想文本域或按鈕元素。）