フォームのすべての要素をループする方法jQuery

Question

フォームのすべての子要素をループする最善の方法はなんですか？ フォームに入力要素と選択要素の両方が含まれています。

success: function(data) { 
       $.each(data.details, function(datakey, datavalue) { 
        $('#new_user_form > input').each(function(key, value) { 
         if($(this).attr('id') == datakey) { 
          $(this).val(datavalue); 
         } 
        }); 
       }); 
      } 

これが唯一しかし、フォームの入力要素をループして、私はあまりにも選択要素を含める：

私が試してみました：

$('#new_user_form > input, #new_user_form > select').each(function(key, value) { 

を私が持っている瞬間

これは機能しません。誰がなぜこれが起こっているのか知っていますか？ ありがとう！

Answer 1

jQueryのページから:inputセレクタについて：

ので：入力はjQueryの延長ではなく、CSSの仕様の一部であり、使用してクエリ：入力はネイティブDOMが提供するパフォーマンス向上の利点を取ることができませんquerySelectorAll（）メソッド要素を選択するために入力を使用するときに最高のパフォーマンスを達成するには、まず純粋なCSSセレクタを使用して要素を選択し、.filter（ "：input"）を使用します。

これが最適です。

$('#new_user_form *').filter(':input').each(function(){ 
    //your code here 
}); 

Answer 2

$('#new_user_form :input')の順です。セレクタ>の省略に注意してください。有効なHTMLフォームでは、フォームタグの直接の子である入力タグは許可されません。

Answer 3

何が起こるか、あなたがこの方法を実行する場合： - ：

for(var i=0; i < form.elements.length; i++){ 
    var e = form.elements[i]; 
    console.log(e.name+"="+e.value); 
} 

注：フォームため

$('#new_user_form input, #new_user_form select').each(function(key, value) { 

は、純粋なJavaScriptはそれは難しいことではありませんLIVE DEMO

Answer 4

$('#new_user_form').find('input').each(function(){ 
    //your code here 
}); 

Answer 5

を参照してください。 .elementsはオブジェクトですfor-inループは期待どおりに動作しません。

回答が見つかりましたhere (by Chris Pietschmann)、here (W3S)と記載されています。

Answer 6

#jquery FreenodeのIRCチャンネルから取られたよう：チャネル上@Corkへ

$.each($(form).serializeArray(), function(_, field) { /* use field.name, field.value */ }); 

感謝。私が使用している

Answer 7

：

$($('form').prop('elements')).each(function(){ 
    console.info(this) 
}); 

をそれは醜いようだが、私にはそれはまだjQueryを持つすべての要素を取得するための良い方法です。

Answer 8

私は私が一緒に仕事をしたいセレクタのちょうどタイプを選択するための便利なように、この単純なjQueryのスニペットを発見した：

---

$("select, input").each(function(){ 
    // do some stuff with the element 
}); 

私のために罰金作品