如何使用数据属性将值从数据库传递到 jquery

Question

我在使用数据属性将值从数据库传递到模态弹出窗口时遇到问题。

我的问题是数据属性值只传递一个值，而编辑按钮处于 php 循环中，应该为每一行选择值。

下面是我的循环代码的一部分：

<td>
  <p data-placement="top" data-toggle="tooltip" title="Edit">
    <a  href="<?php echo admin_url('admin.php?page=woocommerce_checkout&id=' . $query->id.'&status=update'); ?>"  
      class="btn btn-primary btn-xs updatesection"  
      data-title="Edit"
      data-toggle="modal"
      data-id="<?php echo $query->id ?>"
      data-target="#editbilling" 
      data-name="<?php echo $query->name; ?>">Edit</a>
  </p>
</td>

js

   $(document).on( "click", '#editbilling', function(e) {

     var data = $('.updatesection').data('name');
     alert(data);
   });

因此，我通过在 javascript 上发出警报来测试通过数据属性传递的值。

问题只是第一个 id 被提交给所有循环中的编辑按钮携带不同的 ID，而不是为数据库中的每一行提交不同的 ID .

当我检查浏览器上的代码时，我发现数据属性具有来自数据库的相应值，但它们没有被提交——只有第一行被提交给循环中的所有编辑按钮。

谁能找到解决这个问题的方法

Answer 1

我将 id onclick 更改为 class，然后使用 attr 而不是 data，它起作用了。请在下面查看我的解决方案：

  $(document).on( "click", '.updatesection', function(e) {

  var data = $(this).attr('data-id');
   alert(data);
  });

如何使用数据属性将值从数据库传递到 jquery

How to use data-attribute to pass values from database to jquery

html

javascript

php

jquery

wordpress-theming