여러 클래스 jquery

Question

값이 다른 여러 클래스가 있습니다. 값은 MySql에서 생성됩니다. 'VALUE', 즉 1,2,3,4의 값을 내 검색어에 게시하려면 어떻게해야합니까? 각 입력에는 고유 한 버튼과 양식이 있습니다. 내가 할 첫 번째 버튼을 클릭하면 그 다음 다음 버튼을 양식을 게시 할 예정입니다, 일을 게시하려면 2

<input type="hidden" class="hideID" name="id" value="1"> 
<input type="hidden" class="hideID" name="id" value="2"> 
<input type="hidden" class="hideID" name="id" value="3"> 
<input type="hidden" class="hideID" name="id" value="4"> 

내 jQuery 코드는 현재 첫 번째 값 (1) 가져옵니다

$('.addToCart').click(function(){ 

var hideID = $('.hideID').val(); 

alert(hideID); 
}); 

Answer 1

을 이것에 대한 루프가 필요합니다. $(".hideID")은 "hideID"클래스를 가진 모든 요소가있는 배열을 반환합니다. 그래서 당신은 모든 값

$.each($(".hideID"),function(index,element){ 
    console.log($(element).val()); 
}); 

Answer 2

이 경고 팝업에서 숨겨진 필드의 모든 값을 반환해야 읽기 위해이 같은 뭔가가 필요하지만, 어쩌면 당신은 그들에게 모든 다른 이름을 제공해야합니다. name="id"은 라인 어딘가에서 충돌 할 수 있습니다.

$('.addToCart').click(function(){ 
    $.each($('.hideID'),function(index,element){ 
     alert($(element).val()); 
    }); 
}); 

jsFiddle에서 놀 수 있습니다.