jQuery使用变量中的两个类之一按类名获取元素

不知道这个问题怎么说。。。 我有一个脚本，它对每n个元素执行一个each循环。
我把它作为一个变量：

var-nthCard=$（'.card:nth-child（'+col+'n+'+I+'））
然后我用它做一个.each
nthCard.each（function（I）{…}

在每一张之后，我需要找出有多少张
NTH卡片
具有类
。特性

html的设置如下所示：

<div class="card"></div>
<div class="card featured"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card featured"></div>

过滤器
匹配的元素：

var number = nthCard.filter('.featured').length;

过滤器
匹配的元素：

var number = nthCard.filter('.featured').length;

尝试：

尝试：

为什么不在每个循环中计算它们

function placeCard(col){
    var i = 0;
    for(i=1; i<= col; i++){
        var nthCard = $('.card:nth-child(' + col + 'n+' + i + ')');
        var count = 0;
        nthCard.each(function(idx, card){
            //do some code
            if ($(card).hasClass('featured')) {
                count += 1;
            }
        });
        console.log(count);//I need to return the number of featured cards here.
    }
}

功能位置卡（col）{
var i=0；
对于（i=1；i为什么不在每个循环中计算它们

function placeCard(col){
    var i = 0;
    for(i=1; i<= col; i++){
        var nthCard = $('.card:nth-child(' + col + 'n+' + i + ')');
        var count = 0;
        nthCard.each(function(idx, card){
            //do some code
            if ($(card).hasClass('featured')) {
                count += 1;
            }
        });
        console.log(count);//I need to return the number of featured cards here.
    }
}

功能位置卡（col）{
var i=0；
对于（i=1；i
hasClass
返回
true
或
false
谢谢，但我正在尝试查找那些“特色”卡的数量。
hasClass
返回
true
或
false
谢谢，但我正在尝试查找那些“特色”卡的数量。很好的ol过滤器。我总是忘记那个。谢谢你，这是这就是我想要的。我会在10分钟内接受（如果允许的话）。好的ol'过滤器。我总是忘记那个。谢谢，这就是我想要的。我会在10分钟内接受（如果允许的话）我认为@Blender的解决方案更干净，资源消耗更少。另一个很好的例子！谢谢！我尝试了这个，并将
$（卡片）
更改为
$（这个）
它的工作原理与Blender的方法相同，但Blender的方法更干净。@DeweyOx我怀疑，既然你在循环，那么使用循环的资源消耗就更少了。我添加了另一个版本，它在循环中不使用jQuery，这将更为优化。@DeweyOx：当你在使用jQuery，所以我认为在这种情况下没有任何区别。我认为@Blender的解决方案更干净，资源消耗更少。另一个很好的例子！谢谢！我尝试了这个，并将
$（卡片）
更改为
$（此）
它的工作原理与Blender的方法相同，但Blender的方法更干净。@DeweyOx我怀疑，既然你在循环，那么使用循环的资源消耗就更少了。我添加了另一个版本，它在循环中不使用jQuery，这将更为优化。@DeweyOx：当你在使用jQuery，所以我认为在这种情况下没有任何区别。
function placeCard(col){
    var i = 0;
    for(i=1; i<= col; i++){
        var nthCard = $('.card:nth-child(' + col + 'n+' + i + ')');
        var count = 0;
        nthCard.each(function(idx, card){
            //do some code
            if (card.className === 'card featured') {
                count += 1;
            }
        });
        console.log(count);//I need to return the number of featured cards here.
    }
}