jquery를 사용하여 배열에 동적 입력 필드 추가

Question

잘못된 토론 영역 인 경우 죄송합니다.

jquery를 사용하여 배열에 여러 사용자 입력을 추가 할 때 도움이 필요합니다. 코스 번호와 설명 및 추가를 통해 루프에 dynamic inputs

내가 좋아하는 것 :

는 동적으로 추가하고 다음과 같이 필드를 제거하는 형태 (5 최대하지만 항상 5를하지 않을 수 있습니다, 최소 1)가 배열로. 예를 들어 :

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

내가 .toArray을 시도 갔지 그 값하지만 행운을 얻기의 다른 방법 :

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

나는 현재이 방법으로 결과를 얻고있다.

제안 사항?

감사합니다.

Answer 1

두 입력이 서로 관련되어 있으며 동일한 상위 가져야한다 :

이어서

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

, your'e 선택기 상위에 기초한다 :

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

JSFIDDLE한다.