Javascript 如何将Addtocart按钮限制为每个项目只单击一次或单击后禁用

我有一个表，每个行/项都有一个addtocart按钮

        $( $table ).delegate(".Addtocart", "click", function() {
            var itemNo = $(this).closest('tr').find('td.itemNo').html();
            var selected_item = $(this).closest('tr').find('td.itemdescr').html();
            var remaining_qty = $(this).closest('tr').find('td.currqty').html();
            var unitPrice = $(this).closest('tr').find('td.unit_price').html();
            var amount = $(this).closest('tr').find('td.Amount').html();
            $("#action").val('add');
            $('#itemNo').val(itemNo);
            $('#selected_item').val($.trim(selected_item));
            $('#remaining_qty').val(remaining_qty);
            $('#unitPrice').val(unitPrice);
            $('#amount').val(amount);
            $('#myModal').modal('show');
        }); 

在我将该项目添加到购物车列表后，我想禁用该项目上的按钮

例如：

醋添加到配料中
糖添加量 盐的添加量小于br>

---

现在我想在购物车列表中添加醋。添加醋后，醋上的addtocart按钮被禁用。怎么用？谢谢

为什么不在单击按钮后隐藏它

另一种选择是使用基于类的过滤器，如

$($table).delegate(".Addtocart:not(.clicked)", "click", function () {
    var itemNo = $(this).closest('tr').find('td.itemNo').html();
    var selected_item = $(this).closest('tr').find('td.itemdescr').html();
    var remaining_qty = $(this).closest('tr').find('td.currqty').html();
    var unitPrice = $(this).closest('tr').find('td.unit_price').html();
    var amount = $(this).closest('tr').find('td.Amount').html();
    $("#action").val('add');
    $('#itemNo').val(itemNo);
    $('#selected_item').val($.trim(selected_item));
    $('#remaining_qty').val(remaining_qty);
    $('#unitPrice').val(unitPrice);
    $('#amount').val(amount);
    $('#myModal').modal('show');
    $(this).addClass('clicked')
});

---

非常感谢你。成功了。我对编程非常陌生，这就是我寻求帮助的原因。谢谢你能帮我回答另一个问题吗？谢谢@micaelamigyamato没有太多使用PHP：（没问题：）谢谢你（uu：）你能帮我吗？