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

Question

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

これにより、すべての入力フィールドが取得されますが、不要な選択フィールドも取得されます。

例えば

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

Answer 1

を使用し.not()て選択ボックスを省略します

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

またはCSSスタイル:notセレクターを使用します

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

Answer 2

要素のみが必要inputな場合は、コロンを省略します。

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

セレクターは:input、すべての入力、テキストエリア、選択、およびボタン要素を選択します。入力要素のみが必要な場合は、と言ってinputください。

（ textareaまたはbutton要素が必要な場合、この回答は適切ではありません。 ）

Answer 3

:input、、、、および要素のjQuery固有inputの疑似セレクターです。だからあなたはこれを行うことができます：textareabuttonselect

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

...しかし、あなたはあなたが望むものを具体的に呼び出すこともできます：

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

...ブラウザがサポートしている場合querySelectorAll（そしてほとんどすべてが標準モードでサポートしている場合）、jQueryはネイティブ処理に渡すことができるという利点があります（ :inputjQueryに固有であるため、ブラウザのネイティブ処理では処理できません） ）。

textareaまたは、もちろん、要素が必要ない場合は、button非常に簡単です。

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

...これも、可能な場合はブラウザの最適化されたものによって処理されるという利点があります。