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

Question

我有一些列表，有时此lis有5个，有时有7个元素。我想检查多少，并以少于5个样式添加。我有这个，但是它不起作用...也许我需要添加一些现场检查？我还设置了某种较晚聊天的时间间隔。thx，寻求帮助。

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;