Javascript 禁用单个按钮

我有一个禁用单个按钮的问题

当我点击订购10美元时，它会禁用所有按钮，我只想禁用我点击的那个按钮

$（文档）.ready（函数（）{
$（'.btn checkout'）。单击（函数（e）{
$（'.btn checkout'）.html（'proccessing order'）；
$（'.btn checkout'）.attr（“已禁用”，true）；
});
});

订购10美元
20美元的订单
30美元的订单
使用选择器访问的实际单击项目
$（此）


$（函数（）{
$（'.btn checkout'）。在（'click'，函数（e）上{
$（this.html（'proccessing order'）；
$（this.attr（“disabled”，true）；
});
});

订购10美元
20美元的订单
30美元的订单