Question

I’ve been looking around SO and the web in general, and I can’t seem to find a simple page where they explain in simple words and simple examples how to us the .length method.

What I need help with is quite simple.

I have a drop down menu, and this menu can hold from 1, 2, 3 items to 20 or more.

What I need is a way to detect if there for example, 1 to 10 elements add the class .one-ten, and if there are 11 to 20, add the class .eleven-twenty instead, and if 21 or more, etc., then add the following class, etc.

I am by no means a jQuery expert, but I’ve tried doing something like this:

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

and of course this doesn’t work, but it gives you the idea of what I need to accomplish.

Any help is greatly appreciated.

Answer 1

Have you tried like like below,

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