How to check if number of elements within parent is even

Question

I have HTML in this structure:

<ul class="list">
    <li>name</li>
    <li>name</li>
    <li>name</li>
    <li>name</li>
</ul>

I want check if the count of li elements is even. How can I use this in an if statement?

Have a look at [How can I count the number of children?](http://stackoverflow.com/questions/3546659/how-can-i-count-the-number-of-children) and [Testing whether a value is odd or even](http://stackoverflow.com/questions/6211613/testing-whether-a-value-is-odd-or-even). — Felix Kling, Dec 08 '11 at 11:23

472084 · Accepted Answer · 2011-12-08T11:28:45.310

6

if ($('ul.list > li').length %2 != 0){
    // Odd
}else{
    // Even
}

edited Dec 08 '11 at 11:28

answered Dec 08 '11 at 11:22

472084

score 3 · Answer 2 · answered Dec 08 '11 at 11:22

3

if ($('ul>li').length % 2 == 0)
{
   // do if even
}
else
{
   // do if not
}

Also, if you need to apply to the even items something you can use:

$('ul>li:even').addClass('even')

Or odd:

$('ul>li:odd').addClass('even')

answered Dec 08 '11 at 11:22

Samich

2 Answers2