Javascript JQuery类在HTML中计数

我有一个HTML，可以接收用户的输入。我的工作是清点他们输入的卡片，并设计这些卡片的样式。卡片放在

内

问题：我的Jquery只是计算，在一个部分中运行良好。如果用户输入多个节，则代码不起作用。下面我的代码显示了当用户输入两个部分时：第一部分的卡应该是蓝色的，第二部分的卡应该是红色的，但现在它们都是蓝色的

var numCard=$（'.cards'）.length；
如果（numCard==“2”）{
/*$（'.cards'）.css（'color'，'red'）*/
$（“section.cards”）.parent（）.addClass（“两张卡”）；
}否则如果（numCard==“3”）{
$（“section.cards”）.parent（）.addClass（“三张卡”）；
}否则{
$（'section.cards'）.parent（）.addClass（“四张卡”）；
}

正文{
填充：20px；
字体系列：Helvetica；
}
.两张牌，两张牌{
颜色：红色；
}
.三张牌，三张牌{
颜色：绿色；
}
.四张牌{
颜色：蓝色；
}

第一张牌
第二张牌
第三张牌
第三张牌

第一张牌
第二张牌

您需要循环浏览各个部分，然后使用

this

关键字检查：

$（'section'）。每个（函数（）{
var numCard=$（'.cards'，this）.length；
如果（numCard==“2”）{
$（此）.addClass（“两张卡”）；
}否则如果（numCard==“3”）{
$（此）.addClass（“三张卡”）；
}否则{
$（此）.addClass（“四张卡”）；
}
});
正文{
填充：20px；
字体系列：Helvetica；
}
.两张牌，两张牌{
颜色：红色；
}
.三张牌，三张牌{
颜色：绿色；
}
.四张牌{
颜色：蓝色；
}

第一张牌
第二张牌
第三张牌
第三张牌

第一张牌
第二张牌
如果（numCard==“2”）
为什么要强制将整数变量与字符串进行比较？嗨，扎卡里亚·阿查基，非常感谢。那很有效！不客气，很高兴我能帮上忙。如果有任何答案能帮你投票，如果有任何答案是你想要的，那就把它标记为未来读者的答案。我只是把你的答案作为正确答案投票。我有一个问题：在这段代码中，“this”是什么意思？你也可以投票，它会很有帮助，不管是什么（它是
var numCard=$（this）的缩写。查找（'.cards'）。长度；