2013-01-03 24 views
0

我一直在寻找SO和一般的网络,我似乎无法找到一个简单的页面,他们用简单的语言和简单的例子来解释我们如何向我们.length方法。jQuery:如何使用.length属性

我需要帮助的东西很简单。

我有一个下拉菜单,这个菜单可以容纳从1,2,3项到20或更多。

我需要的是一种方法来检测是否有例如1到10个元素添加类.one-ten,如果有11到20个,添加类.eleven-twenty而不是21个或更多等,然后添加以下类等

我绝不是一个jQuery的专家,但我试着做这样的事情:

$('li').length == 10 $(function()); 

,当然,这是不行的,但它给你我需要完成的想法。

任何帮助,非常感谢。

+5

'length'是属性不是方法。 – undefined

+0

你想风格1-10不同于11-20或取决于有多少有不同的样式,其中一个甚至不需要javascript –

+1

'length'是一个属性,而不是函数。你看过官方文档吗? http://api.jquery.com/length/(你可能还想看看['.size()'](http://api.jquery.com/size/)) – JDB

回答

2

你试过喜欢像下面,

var $li = $('li'); 
if ($li.length <= 10) { $li.addClass('one-ten'); } 
else if ($li.length <= 20) { $li.addClass('eleven-twenty'); } 
+0

您在'else if'条件中重复了相同的条件,为您解决了这个问题。 +1为客观。 –

+0

@FabrícioMatté谢谢..我检查了你的编辑。 –

+0

我通常会在/之前发表评论,而不是修复,但是我处于罕见的编辑心情,如果这样的快速回答功能不全面,这将是一种遗憾。 '=]' –

0

.length不是一种方法,它是一个属性。您可以确定有多少选项的选择包含使用下面的代码:

var numOptions = $('#YourSelectID option').length 

if(numOptions < 10) { 
    // Code goes here 
} 
... 
+0

詹姆斯,试过你的建议,但没有奏效。不过谢谢。 –