如何使用数据属性将值从数据库传递到 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);
  });