여러 폼 타겟 클릭 버튼

Question

페이지의 각 이미지에 대한 설명 서식을 갖고 싶습니다. 이미지 수는 동적입니다. jquery가 제출 된 제출 단추의 양식 데이터를 대상으로하는 방법이 있습니까?

내가 현재 가지고 :

$('.comment_button').click(function() {  
var comment = $('input#comment').val(); 
    var id = $('input#id').val(); 
    var other = $('input#other').val(); 
    var dataString = 'comment='+ comment + '&id=' + id + '&other=' + other; 

    alert (dataString); 
}); 

모든 양식 필드를 의미합니다 및 양식 이름은 각각의 이미지 (아마 검증을위한 그들 고유해야한다)에 대해 동일하지만,에 관계없이 양식 필드를 얻을 수있는 방법이 있나요 사용자가 특정 양식의 특정 제출 버튼을 클릭했을 때? 당신이 serialize 기능을 사용할 수 있습니다 이해 문제로서

Answer 1

그

같은

$('form').submit(function() { 
    console.log($(this).serialize()); 
    return false; 

}); 여기 JquerySerialize

Answer 2

문서는 코멘트 양식에 대한 컨테이너 사업부를 추가합니다. 그래서 위로 버튼을 클릭 할 때 부모 div를 찾으십시오. 그런 다음 해당 div에있는 모든 입력 요소를 찾아 해당 주석 양식에 대한 입력 텍스트 상자를 제공하십시오.

샘플 의사 코드는 .. 다음과 같이하십시오 ..

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

    var parentDiv= $(this).parent(); 
    $(parentDiv "input[type=text]").each(function() 
    { 
    if(this.id == "comment") 
     //get comment text 
    . 
    . 

    }); 
});