首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JQuery -如何计算选择器选择的元素数量?

JQuery -如何计算选择器选择的元素数量?
EN

Stack Overflow用户
提问于 2010-04-22 04:39:45
回答 3查看 16.4K关注 0票数 16

我使用$().fadeOut()淡出列表(< li> < /li>)中的项。当列表为空时,我希望隐藏一个父对象。

我计划通过签入我的触发器事件来实现这一点,该事件将淡入列表,如果对象的计数为0,则隐藏父元素。如果需要,我可以使用fadeOut回调来删除这些元素。

这个问题切中要害:如何选择ul中的li标记,然后使用jquery获取它们的总数?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-04-22 04:42:44

如下所示:

代码语言:javascript
复制
$('ul > li').length

一种更优雅的方式是编写

代码语言:javascript
复制
$('ul:empty').fadeOut();

如果ul不为空,则选择器不会匹配任何内容,代码也不会执行任何操作。

您可能需要编写

代码语言:javascript
复制
$('.SomeContainer:has(ul:empty)').fadeOut();
票数 29
EN

Stack Overflow用户

发布于 2010-04-22 04:43:42

使用.length

代码语言:javascript
复制
$('ul li').length // gives you back all li's in your ul
$('ul > li').length // give just the first children li's

所以为了隐藏你的父母,你可以这样使用它:

代码语言:javascript
复制
elements = $('ul > li')

if (elements.length) {
   elements.fadeOut()
}else{
   elements.parent().fadeOut()
}
票数 11
EN

Stack Overflow用户

发布于 2010-04-22 04:42:48

只需对jQuery集合使用.length

代码语言:javascript
复制
var $elements = $('ul#myUlElement').children('li');
alert($elements.length)
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2686390

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档