選択されていないすべての入力フィールドを取得する方法

Question

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

これはすべての入力フィールドを取得しますが、不要な選択フィールドも取得します。

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

Answer 1

:inputはinput、textareaのためのjQuery固有の疑似セレクタで使用を省略する.not()を使用して、 、および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

button、選択ボックス

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と言うだけです。

は（この答えはよくないあなたがを行う場合のtextareaやボタンの要素をしたい。）