使用 jQuery 查找可见元素的长度
大家好,我需要找到仅具有显示块的所有 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我建议:
在条件下:
I would suggest:
in condition:
对于来自 Google 的任何人...
.size()
方法已已弃用< /a> 从 jQuery 1.8 开始,使用.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: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