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

【问题标题】：Live check list elements amount and add some style for them with jQuery使用 jQuery 实时检查列表元素数量并为它们添加一些样式
【发布时间】：2012-10-19 07:33:21
【问题描述】：

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

【问题讨论】：

标签： javascript jquery css list

【解决方案1】：

你可以使用length属性：

jQuery 对象中的元素个数。

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

【讨论】：

我试试这个，但它不是 wotking :(
@ŁukaszBorawski 你想要的是长度属性，如果你的代码不起作用，问题应该是别的。
@ŁukaszBorawski - undefined 的意思是，如果 length 属性不起作用，则问题出在代码的其他地方。 length 是肯定的。
好的，我知道出了什么问题，我有两个列表，没有指定我需要检查的地方，但是我该怎么做呢？
@ŁukaszBorawski 对不起，我不明白你的问题，如果你有 2 个列表并且你想分别选择它们，你可以使用 eq 方法。 $('.single_producer_products_list').eq(0).find('li').length 它选择类为single_producer_products_list 的固定元素

【解决方案2】：

你也可以使用：

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

【讨论】：