javascript - jquery点击无触发

Question

我正在使用一个while循环来创建一个表，我试图将一个存储在一个php变量中的唯一值传递$i给一个jquery ajax调用，但我得到的只是它'undefined'。

html 表的部分（整个表被包裹在一个不属于 while 循环的div调用中）audit_content

  <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元素在.audit_submit按钮之前...尝试prev()代替next()：

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

你也可以使用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 会将其视为语句的结束。