Javascript 如果值大于或等于，则输入微调器；0然后选择卡

我正在开发用于报价的前端工具。用户应该点击卡片并选择要放入篮子中的产品，同时还有一个用于报价的输入部分（引导输入微调器），供用户选择数量。 您可以在下一个链接上看到project。

或者看到下面的小代码

已尝试使用parseInt，但未成功。由于有Javascript和Jquery的新手经验，我看不出解决方案

标题

一些快速示例文本，用于构建卡片标题并构成卡片内容的大部分。

$3212

$（文档）.ready（函数（）{
$（“输入[type='number']”）。inputSpinner（）；
$（“[data cardSelect]”）。单击（函数（）{
$（this）.parent（'[data cardSelected]'）。toggleClass（'selected'）；
});
});

---

我认为当用户输入任何大于0的数量时，最好选择卡片。如何实现这一点？

在输入字段中添加一个更改侦听器。触发后，查看所选金额，添加或删除“所选”类别

//将侦听器添加到所有
//具有类型编号的卡中的输入
$（“.card input[type=number]”。在（'change paste keyup input'，function（）上{
//获取输入元素的值
var值=$（this.val（）；
//根据值设置类
如果（值>0）{
$（this）.parent（'.card'）.addClass（'selected'）；
}否则{
$（this）.parent（'.card'）.removeClass（'selected'）；
}
});
函数更改输入（目标，增量）{
//获取给定元素的卡片
变量卡=$（目标）.parent（'.card'）；
//获取输入元素
var input=card.find（'input[type=number]'）；
//将当前值获取为整数
var value=parseInt（“0”+input.val（））；
//获得边界
var min=input.attr（'min'）；
var max=input.attr（'max'）；
//添加三角形并检查边框
value=Math.max（min，Math.min（max，value+delta））；
//设置新值
输入.val（值）；
//触发已更改的事件
input.trigger（'change'）；
}

.card{
显示：内联块；
宽度：300px；
高度：200px；
边框：实心1px黑色；
溢出：隐藏；
文本对齐：居中；
背景色：RGBA（0,0,0,0.25）；
边界半径：5px；
}
.卡img{
高度：150像素；
显示：块；
边缘底部：5px；
}
.card.selected{
背景色：RGBA（0,0255,0.50）；
}

-
+
-
+
-
+
-
+

感谢您的快速回答，但不幸的是，它不起作用。我刚刚复制粘贴了您的代码，并添加了缺少的括号。哎呀，对不起。我已经更新了答案，并添加了一段代码来证明这个概念。你必须为你的代码修改它。非常感谢！它是有效的，只是在我的代码中有目标（修改）卡的问题。是的，用.parrents（）获得了它