Jquery 클릭 트리거 없음

Question

while 루프를 사용하여 테이블을 생성하고 $i이라는 PHP 변수에 저장된 고유 값을 jquery ajax 호출에 전달하려고 시도했지만 모두 반환되었습니다. 'undefined'.

HTML 테이블의 부분

<tr> 
     <td colspan="3"> 
      <input type="button" class="delete_submit delete_from_audit" name="image_delete" value="" 
       onClick="delete_image('<? echo $image_id; ?>','<? echo $audit_id; ?>')" /> 
      <input type="button" class="reset_grade control_submit ie7_reset" 
       onclick="reset_image('<? echo $image_id; ?>','<? echo $audit_id; ?>')" value="" > 
      <input type="hidden" class="form_id" value="<? echo $i; ?>" > 
      <input type="button" name="audit_submit" 
      class="audit_submit audit_submit_btn ie7_submit" value=""; /> 
     </td> 
    </tr> 

JQuery와

<script> 
    $(document).ready(function(){ 
    $('#audit_content').on("click", ".audit_submit", function(){ 
     var form_id = $(this).next('.form_id').val(); 
     alert(form_id); 
      //$.ajax({ 
      //type: "POST", 
      //url: "ajax/image_audit.php", 
      //data: $('#audit_form').serialize() 
     //}); 
    }); 
}); 
</script> 

Answer 1

를 .form_id 요소 앞에있는 (전체 테이블 while 루프의 일부가 아닌 어떤 audit_content라는 div에 싸여) .audit_submit 버튼 next() 대신 prev()을 시도하십시오.

,210

또한 siblings() 사용할 수 있습니다

var form_id = $(this).siblings('.form_id').val(); 

Answer 2

<script> 
    $(document).ready(function(){ 
    $(document).on("click", ".audit_submit", function(){ 
     var form_id = $(this).next('.form_id').val(); 
     alert(form_id); 
      //$.ajax({ 
      //type: "POST", 
      //url: "ajax/image_audit.php", 
      //data: $('#audit_form').serialize() 
     //}); 
    }); 
}); 
</script> 

Answer 3

<input type="button" name="audit_submit" 
     class="audit_submit audit_submit_btn ie7_submit" value=""**---> ; <----** /> 

왜 세미콜론이? PHP는이를 명세서의 끝으로 간주합니다.