Jquery 单击不触发 - Jquery click no triggering

Jquery click no triggering

本文关键字：单击 Jquery | 更新日期: 2023-09-27

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

html 表的部分（整个表包装在名为 audit_content 的div中，该不是 while 循环的一部分）

  <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>

.form_id 元素位于.audit_submit按钮之前...尝试prev()而不是next()：

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

您也可以使用siblings()：

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

<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>

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

为什么有分号？PHP 会将其视为语句的结尾。