2 개 differents의 입력

Question

내가 입력 동적 배열을 검증하기 위해 노력하고있어하지만 난 그것을 수행하는 방법을 알아낼 수 없습니다로 배열의 값을 가져, 이건 내 HTML입니다 버튼을 클릭하면 다음과 같은 입력이 추가됩니다.

<input type="text" class="form-control" name="studentContactDesc" placeholder="Description"> 
<input type="text" class="form-control" name="studentContactPhone" placeholder="Phone"> 
<input type="text" class="form-control" name="studentContactDesc" placeholder="Description"> 
<input type="text" class="form-control" name="studentContactPhone" placeholder="Phone"> 

사용자가 버튼을 클릭 할 때마다 동일한 두 줄이 추가됩니다. 내가 함께 데이터를 읽고 있어요

:이 기능

$(document).on('click','#saveRecord',function() { 
    $("input[name=studentContactDesc]").each(function() { 
     alert($(this).val()); 
    }); 

    $("input[name=studentContactPhone]").each(function() { 
     alert($(this).val()); 
    }); 
}); 

먼저 모든 설명 필드 및 모든 전화 필드를 읽습니다.

전화와 다른 필드의 설명 필드를 동일한 순서로 읽는 방법이 있다면?

Answer 1

description과 phone 정보를 동시에 경고하기 위해 다음과 같이 기능을 수정할 수 있습니다.

$(document).on('click','#saveRecord',function() { 
    var contact = $("input[name=studentContactDesc]"); 
    var phone = $("input[name=studentContactPhone]"); 
    for(var i=0;i<contact.length;i++){ 
     alert(contact[i].value); 
     alert(phone[i].value); 
    } 
    }); 

Answer 2

div의 각 입력 집합을 래핑하고 div를 반복 할 수 있습니다.
<div class='item'> <input type="text" class="form-control" name="studentContactDesc" placeholder="Description"> <input type="text" class="form-control" name="studentContactPhone" placeholder="Phone"> </div>

<code> 
$('.item').each(function(){ 
    var values = ""; 
    $(this).children('input').each(function() { 
     values += $(this).val() + " "; 
    }); 
    alert(values); 
}); 
</code>