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

Question

我有一些列表，有时这个 lis 有 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;