Php jquery.context和.index有问题

以下是生成动态产品表的PHP代码：

while($item = mysqli_fetch_array($result))
            {
enter code here

$i++;
$pic = "cartimg/".$item[2];
  echo "<div class='prod_box'".$i.">
    <div class='center_prod_box'>
      <div class='product_title'><a>".$item[1]."</a></div>
      <div class='product_img'><a ><img src='".$pic."' alt='' border='0' /></a></div>
      <div class='prod_price'><span class='reduce'>".$item[3]."$</span> <a class='price'>".$item[4]."$</a></div>
    </div>
    <div class='prod_details_tab'> <a class='prod_buy'>Add to Cart</a> <a  class='prod_details'>Details</a> </div>
  </div>";
            }
  ?>

下面是addBuyButton函数的查询

 enter code here
 self.addBuyButton=function(target,data){$(target).click(function(){self.cart.add(data)

问题是，我将有10个容器，包含10个产品，具有相同的类名和Id名称，如果客户单击“添加到不同产品的购物车”，我不知道如何读取“$item[4]”的金额

现在函数插入12作为价格

请帮帮我，我已经浏览了很多jQuery教程，但没有幸运地找到方法

---

谢谢你，我没有为jQuery上的每一项设置addBuyButton，我只需要一个事件监听器来处理所有的事情（我个人不喜欢引用大量的php，因为我的IDE没有突出显示颜色，所以请原谅我的php语法。如果你不喜欢，你不必遵循它）：

PHP

这是所有prod_buy按钮的一个事件侦听器，它从DOM中获取产品的值，并将其添加到购物车中

如果你需要任何进一步的帮助，请在这篇文章中添加评论，我会在我的答案中添加更多

 enter code here
 self.addBuyButton=function(target,data){$(target).click(function(){self.cart.add(data)

<div id="products">
<?php while ($item = mysqli_fetch_array($result)) : ?>

     <!-- additional code here -->

    <div class="product prod_box<?php echo ++i; ?>">
        <div class="center_prod_box">
            <div class="product_title"><?php echo $item[1] ?></div>
            <div class="product_img"><img src="cartimg/<?php echo $item[2] ?>" border="0" /></div>
            <div class="prod_price">
                <span class="reduce"><?php echo $item[3] ?>$</span> 
                <a class="price"><?php echo $item[4] ?>$</a>
            </div>
        </div>
        <div class="prod_details_tab"> 
            <a class="prod_buy">Add to Cart</a> 
            <a class="prod_details">Details</a> 
        </div>
    </div>
<?php endwhile; ?>
</div>

$('#products').on('click', '.prod_buy', function() {
    var product = $(this).closest('.product');

    cart.add({
        name: product.find('.product_title').first().text(),
        thumbnail: product.find('.product_img').first().text(),
        price: product.find('.price').first().text(),
        shipping: 20 
    });
});