javascript - 在 WordPress 中返回 UNDEFINED 的 jQuery 动态 id 值

Question

我正在尝试获取 WordPress Post Id 动态 作为 jQuery 中的变量。但是，当我尝试在 console 中进行调试时，它会返回未定义的值。谁能帮我解决这个问题？

代码如下:

data-id 属性显示当前帖子的 id

<?php $id = get_the_id(); ?>

 <button data-id="<?php echo $id; ?>" type="button" class="book btn btn-danger">
    Submit
</button>

我的 jQuery

jQuery(document).ready(function(jQuery){
jQuery('.packageForm').submit(packageSubmit);     
        function packageSubmit(){
           var id = jQuery(this).attr('data-id');
           var ceccForm = jQuery(this).serialize();
            jQuery.ajax({
            type:"POST",
            url: "wp-admin/admin-ajax.php",
            data: ceccForm,
            success:function(data){
            console.log(id);
            console.log(data);
            jQuery(".response").html(data);
            jQuery(".packageForm")[0].reset();
            jQuery('body').removeClass('modal-open');
            }
        });

      return false;
      }
 }); 

在这里，我使用 var id = jQuery(this).attr('data-id'); 动态获取属性 data-id 的值.它在浏览控制台中显示消息 Undefined Value。

有什么帮助吗？

Answer 1

这里 this 实际上是指你的表单 packageForm 因为你是从表单的提交函数调用它的，它不会有你的属性已设置为按钮。

你可能会做这样的事情

var id = jQuery(this).find('button.book').data('id');