제출 된 양식의 모든 입력을 받으십시오.

Question

ID가없고 클래스가없는 양식이 있습니다. 그 안에있는 모든 입력을 받아야합니다. 스크립트가 있지만 양식 안에 있는지 여부에 상관없이 모든 입력을받습니다.

당연히 클래스에 ID를 추가 할 수 있지만 양식에 ID를 추가하지 않고 원하는 것을 수행 할 수있는 방법이 있습니까?

내 경우에는 내 페이지의 모든 입력을 반복하지만, 현재 양식의 모든 입력을 반복 할 것인지를 어떻게 확인할 수 있습니까?

$('form').submit(function(e){ 
    e.preventDefault(); 

    $('input, textarea').each(function(){ 
     alert('a'); // Alerts on every input, not just inside this form... 
    }); 
}); 

바이올린 : http://jsfiddle.net/dsN43/

Answer 1

사용자 컨텍스트 (두번째 파라미터)로서 this 전달할 수의 jQuery 기능은 현재 요소의 내부를 검색한다.

$('form').submit(function(e){ 
    e.preventDefault(); 

    $('input, textarea', this).each(function(){ 
     alert('a'); // Alerts on every input inside this form. 
    }); 
}); 

Answer 2

$('form').submit(function(e){ 
    e.preventDefault(); 

    $(this).find('input, textarea').each(function(){ 
     alert('a'); // Alerts on every input, just inside this form 
    }); 
}); 

Answer 3

당신은이 같은 jQuery를 find() 방법을 사용할 수 있습니다 :

$(document).ready(function(){ 
    $('form').submit(function(e){ 
     e.preventDefault(); 

     $(this).find('input, textarea').each(function(){ 
      alert(this.nodeName + ' ' + $(this).attr('name')); 
     }); 
    }); 
});​ 

jsFiddle example (그것은 당신이 바로 그 사람을 찾을 수 있는지 확인하기 위해 요소의 태그 이름/이름 속성을 인쇄 디버깅을위한 더 나은)