使用jQuery查找可见元素的长度

Question

大家好，我需要找到所有只有显示块的 li 元素的长度。这怎么可能使用 jQuery。我有一个类别菜单块，它在底部有更多链接，单击时将显示所有类别。底部链接现在变为 Less，单击时显示较少项目。这是代码。

var list = $('.menu-categories-list ul li:gt(3)');
        list.hide();
        $('#ClickMore').click(function() {
            list.slideToggle(400);
            if( $(this).parent().prev().children().length < 1 ) {
                $(this).html('Less...');
            }
            else {
                $(this).html('More...');
            }
            return false;
        });

你可以看看链接。左侧的类别块

Answer 1

我会建议：

$('.menu-categories-list ul li:visible').size()

在条件：

if ( $('.menu-categories-list ul li:visible').size() >= 4 ) {
    // do something
}