实时检查列表元素数量，并使用jQuery为它们添加一些样式

Question

我有一些清单，有时候这里有5个，有时候有7个元素。我想检查多少，并添加少于5的一些风格。我有这个，但它不工作......也许我需要添加一些实时检查？我也设置了某种迟到的时间间隔。谢谢，求助。

setTimeout(function(){
    var single_producer_products_list = $('.single_producer_products_list').find('li');
    if ((single_producer_products_list < 7)) {
        $('.producer_series_info').addClass('longer');
    }
},200)

Answer 1

您可以使用length属性：

  

jQuery对象中的元素数。

$('.single_producer_products_list').find('li').length

Answer 2

您也可以使用：

jQuery('.single_producer_products_list').children().length;