jqueryを使用して動的入力フィールドを配列に追加

Question

これが間違ったディスカッションエリアである場合はお詫び申し上げます。

jqueryを使用して複数のユーザー入力を配列に追加する際の助けが必要です。

私はここに示されているように、動的にフィールドを追加し、除去形状を有している（最大5常に5、最小1ではないかもしれない）：私は、コース番号と説明をループしたいと追加し dynamic inputs

アレイに。たとえば：

var courseInfo = $("input[name='course_num\\[\\]'], input[name='course_desc\\[\\]']").map(function() { return $(this).val(); }).get().join(","); 

私は.toArrayを、試してみましたに.getと値が、運を取得する他の方法：

Array 
(
[0] => PT 101, Personal Training 101 
[1] => EH 263, Eating Healthy 
} 

私は現在、このような結果を得ています。

提案がありますか？

ありがとうございます。

Answer 1

つの入力が関連していると、同じ親有するべきである：

var arr = $("[name='parent']").map(function() { 
     return { 
     num: $(this).find("input[name='course_num']").val(), 
     desc: $(this).find("input[name='course_desc']").val() 
     }; 
    }); 

JSFIDDLE：そして

<div name="parent"> 
    <input name="course_num" /> 
    <input name="course_desc" /> 
</div> 

を、your'eセレクタは、親に基づくべきです。