jQuery - Count active list items [duplicate]

Question

Possible Duplicate:
Count elements with jQuery

I have a list item like this:

<ul id="scale">
   <li class="floatleft active"></li>
   <li class="floatleft active"></li>
   <li class="floatleft"></li>
   <li class="floatleft"></li>
   <li class="floatleft"></li>
</ul>

So what happens now is that through jQuery I set a couple of these list items as active. Now what I would like to do is count these active items on the same page after they have been actived. Is there any way to do that?

Sorry, I asked my question also wrong. I have edited my question. — Shiraz
– Shiraz, Commented Jan 25, 2012 at 18:00

Nick Bork · Accepted Answer · 2012-01-25 17:52:42Z

9

You can use:

 $('#scale li.active').length

answered Jan 25, 2012 at 17:52

Nick Bork

4,8411 gold badge26 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Shiraz Over a year ago

Thanks, that should be the solution. However, I would like to be able to count the active li items after I have actived them myself through jQuery on the same page. What happens now is that the value is the original value of active classes and not the actual. Is there a way to solve that?

Nick Bork Over a year ago

Any time you run that will give you a count of the number of LI's in "scale" that have the class active. If you remove the "active" class from all, the length will be 0. The only catch is if you assigned the result to a varialbe, e.x: var items = $('#scale li.active'); alert(items.length); Any time you access "items" it will always reflect what the state was when the query was run.

mowwwalker · Accepted Answer · 2012-01-25 17:52:20Z

2

document.getElementById('scale').getElementsByClassName('active').length

answered Jan 25, 2012 at 17:52

mowwwalker

17.5k30 gold badges109 silver badges166 bronze badges

Comments

user596075 · Accepted Answer · 2012-01-25 17:52:47Z

0

var count = $('#scale li.active').length;

alert(count);

This will give you the count of your active list items.

answered Jan 25, 2012 at 17:52

user596075

Comments

Community · Accepted Answer · 2017-05-23 12:02:59Z

0

Similar question

$('#scale li.active').length
$('#scale li.active').size()

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered Jan 25, 2012 at 17:58

vol7ron

42.3k22 gold badges126 silver badges178 bronze badges

Comments

emphaticsunshine · Accepted Answer · 2012-01-25 18:00:56Z

0

If you are using jQuery, then you can have something like this:

$('#scale li.active').length //efficient way

or

$('#scale li.active').size()

Both of them will give you the require result.

answered Jan 25, 2012 at 18:00

emphaticsunshine

3,7857 gold badges35 silver badges42 bronze badges

Collectives™ on Stack Overflow

jQuery - Count active list items [duplicate]

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Linked

Related