jQuery Ajax从购物车中删除特定项目

Question

我有购物车。我的购物车对每个商品都有移除按钮，如下所示：

....
<tr style="text-size:0.8em">
    <td>Music CD</td><td>23</td><td>£51.89</td>
    <td>
        <form method="post" action="" class="remove">
        <input type="hidden" name="pid" value="1" />
        <input type="image" src="http://.../.../delete.png" name="remove" class="remove" value="x" text="x"/>
        </form>
    </td>
</tr>
<tr style="text-size:0.8em">
    <td>DVD</td><td>5</td><td>£12.23</td>
    <td>
        <form method="post" action="" class="remove">
        <input type="hidden" name="pid" value="2" />
        <input type="image" src="http://.../.../delete.png" name="remove" class="remove" value="x" text="x"/>
        </form>
    </td>
</tr>
....

和JQuery

jQuery('.remove').submit(function(data) {
    // Validate & remove item from cart stuff 
    return false;
});

我的表单是通过发布表单来工作的，但是我希望将其扩展。

如何告诉jQuery从篮子中删除哪个pid？

如何修改html & js以使我的jQuery脚本知道要从购物篮中删除哪个特定产品(pid)？

为了清楚起见..。您将看到在此示例中有两种形式。如果购物车中有更多的项目，就会有更多的表单...那么，当表单之间唯一的区别是pid时，我如何告诉jQuery提交了哪个表单呢？

Answer 1

很高兴知道你解决了你的问题肉汁。

以下是使用您之前的标记(在您的问题中发布的一个标记)的一些替代方法：

$(".remove").click(function(e) {
    pid = $(this).siblings("#name").attr("value");
    // You got the pid. Continue by removing this pid from your cart
});

或

$(".remove").click(function(e) {
    pid = $(this).siblings("input:hidden").attr("value");
    // You got the pid. Continue by removing this pid from your cart
});

这样你就不用弄乱你的删除按钮了。

PS:很抱歉回复得太晚了。我正在查看一些参考资料以获得答案。:)

Answer 2

多亏了Amir解决了问题：

jQuery('.remove').click(function(data) {
    var pid = jQuery(this).attr('name');
    alert(pid);
    return false;
});

HTML更改

<input type="image" src="http://.../.../delete.png" name="1" class="remove" />

我将产品的pid设置为删除按钮的名称。