我正在尝试使用PHP和AJAX构建电子商务网站,但是当我尝试从购物车中删除商品时遇到了问题。我正在从数据库中的购物车表中获取购物车数据。提取的数据代码如下所示。 (请不要在意这些变量,他们都在这里我不粘贴代码)
echo "<tr>
<td class='p-image'>
<a href='product-details?id=$fetchProductID'><img alt='' src='$theRealLink'></a>
</td>
<td class='p-name'><a href='product-details?id=$fetchProductID'>$theName</a></td>
<td class='p-amount'>INR $fetchProductUnitPrice</td>
<td class='p-quantity'><input maxlength='100' type='text' value='$fetchProductQuantity' name='quantity'></td>
<td class='p-total'><span>INR $fetchedProductTotal </span></td>
<td class='edit'><a href='javascript:void(0)' id='delete-from-cart' data-id='$fetchProductID'><img src='assets/img/icon/delte.png' alt=''></a>
</td>
</tr>";
每当有人按下ID为从购物车中删除的按钮时,我都会运行javascript代码,以从 data-id 中获取要删除的产品ID。 >属性。代码在下面
$('#delete-from-cart').click(function() {
var deleteID = $(this).attr('data-id');
alert(deleteID);
});
请立即提醒。真正的问题是,例如我的购物车有3个不同的项目,所以我得到3个不同的按钮来删除它们,但是只有购物车中第一个项目的按钮正在工作,即显示一个警报,其中包含要删除产品的ID。
我想知道的是为什么只有第一个按钮是否工作,其余全部不工作呢?