ul和分配类中li的数量

Posted 2021-04-03

我有woocommerce子类别，该子类别动态显示在存档页面上。我需要能够计算出该列表中有多少个，并根据数量向ul添加一个类。我的计划是使用新类，然后在CSS中将nth-child（）用于样式。因此，如果有11个列表项，请将product11添加到ul中。如果有5个列表项，请将product5添加到ul中。

我已经尝试了几种不同版本的jquery，它们是在网络上发现的。

$('.site-main .subcategories ul.products.columns-3').each(function(index){

if(index=2)$(this).addClass("products2");
else if(index=3)$(this).addClass("products3");
else if(index=5)$(this).addClass("products5");
else if(index=6)$(this).addClass("products6");
 else if(index=7)$(this).addClass("products7");
else if(index=9)$(this).addClass("products9");
else(index=11)$(this).addClass("products11");

})

我得到的结果是它只在产品2上添加了头等舱。

答案

无需计算项目。只需将索引ind添加到类名：

$('.site-main .subcategories ul.products.columns-3').each( function(index){
    $(this).addClass("products" + index);
})