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

发布于 2024-12-03 09:22:32 字数 637 浏览 2 评论 0原文

大家好,我需要找到仅具有显示块的所有 li 元素的长度。使用 jQuery 怎么可能做到这一点。我有一个类别菜单块,底部有更多链接,单击该链接将显示所有类别。底部链接现在变为“更少”,单击该链接将显示更少的项目。 这是代码。

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;
        });

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

Hi all I need to find the length of all the li elements which has display block only. How can this be possible using jQuery. I have a category menu block which has more link at the bottom which when clicked will displays the all categories.The Bottom link now turn to Less which when clicked displays less items.
Here is the code.

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;
        });

YOu can have a look at the link. The categories block on the left side

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

甜味超标? 2024-12-10 09:22:33

我建议:

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

在条件下:

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

I would suggest:

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

in condition:

if ( $('.menu-categories-list ul li:visible').size() >= 4 ) {
    // do something
}
悲念泪 2024-12-10 09:22:33

对于来自 Google 的任何人...

.size() 方法已已弃用< /a> 从 jQuery 1.8 开始,使用 .length 代替:

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

将返回一个整数值,描述作为 .menu-categories 子级的可见 li 元素的数量> ul

写为答案,因为我没有足够的代表来评论 Teneff 的答案

For anyone coming from Google...

The .size() method has been deprecated as of jQuery 1.8, use .length instead:

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

Will return an integer value depicting the number of visible li elements that are children of .menu-categories > ul

Written as an answer as I don't have enough rep to comment on Teneff's answer

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文