php - 做动态jquery按钮的正确方法

Question

这是我的场景：

我有从 mySQL 数据库动态生成的内容。我想为列表中的每个项目（每页 30 到几百个）添加数量并添加到购物车按钮。通常在 javascript 中，我会为 onSubmit 使用一个函数，其值是在 PHP 循环中创建的。我知道这是不好的做法，并且不受欢迎。

那么我将如何使用 jquery 根据单击的按钮从表单中获取信息？

Answer 1

在您的 PHP 中，data-...为按钮添加一个属性，包括项目 ID 或所需的任何唯一标识符：

<tr>
  <td>
    <button  data-id="1">add</button>
  </td>
  <td>
    Item ID 1
  </td>
  <td>
    Quantity: <input type="number" />
  </td>
</tr>

在 jQuery 中，可以通过以下.data()方法引用它：

var itemid = btn.data('id');

您可以使用它.closest()来查找按钮的容器，并从那里找到其他相关数据：

$('button').click(
  function()
  {
    var btn = $(this);
    var itemid = btn.data('id');
    var row = btn.closest('tr');
    var inp = row.find('input');
    var qty = inp.val();
    addSomething(itemid, qty);
  }
);

示例 CodePen：http ://codepen.io/paulroub/pen/GzIhg