具有相同类的每个元素的Jquery长度

我在“news-list-view-2-cols”类中有不同数量的div。它们包含不同数量的div，类为“article”。我想说的是，如果“div class news-list-view-2-cols”中的“div class article”的数量大于或等于2，那么将class“article last”添加到父元素中的最后两个div中

我正在努力

if ($( ".news-list-view-2-cols .article" ).length >= 2) { 
    $( ".news-list-view-2-cols .article").slice(-2).addClass("article-last");
}

这适用于html代码中的最后一个“news-list-view-2-cols”，但不适用于前一个。因此，我必须找到一个解决方案，给出每个（.news-list-view-2-cols.article）长度的编号。我尝试过，但没有成功

实例：

if（$（“.news-list-view-2-cols.article”）.length>=2{
$（.news-list-view-2-cols.article”）.slice（-2.addClass（“最后一篇文章”）；
}
/*
$（“.news-list-view-2-cols.article”）.each（函数（）{
如果（this.length>=2）{
this.slice（-2）.addClass（“最后一篇文章”）
}
});
*/

.news-list-view-2-cols{
边框底部：1px实心#CCC；
}
.最后一篇{
颜色：红色
}

1.
2.
1.
2.
3.
4.
1.
2.
3.
4.

您需要只对文章集进行切片，而不是对整个文章集进行切片：

$( ".news-list-view-2-cols").each(function() {
    var articles = $(this).find(".article");
    if (articles.length >= 2) { 
        articles.slice(-2).addClass("article-last");
    }
});

现场示例：

$（“.news-list-view-2-cols”）.each（函数（）{
var articles=$（this.find（“.article”）；
如果（文章长度>=2）{
articles.slice（-2）.addClass（“最后一篇文章”）；
}
});
.news-list-view-2-cols{
边框底部：1px实心#CCC；
}
.最后一篇{
颜色：红色
}

1.
2.
1.
2.
3.
4.
1.
2.
3.
4.
注意，我将小提琴的内容移到了问题中（作为堆栈片段）。问题必须是可回答的，而不涉及场外内容（即使是在JSFIDLE上）。HTML结构在这里很重要，因此需要考虑。