Question

I have an UL element with its child LI elements for example I need to know what is the position or number (i.e. 4 in list given below) of first LI element containing class “Branding” in LI items. I need its solution in jQuery.

<ul class="thumbs">
   <li class="logos">Some Inner contents</li>
   <li class="logos">Some Inner contents</li>
   <li class="logos">Some Inner contents</li>
   <li class="Branding">Some Inner contents</li>
   <li class="Branding">Some Inner contents</li>
   <li class="Branding">Some Inner contents</li>
   <li class="Branding">Some Inner contents</li>
   <li class="website">Some Inner contents</li>
   <li class="website">Some Inner contents</li>
   <li class="website">Some Inner contents</li>
</ul>

Answer 1

To count:

var ul = $('ul.thumbs');

ul.children('.logos').size(); //3
ul.children('.Branding').size(); //4
ul.children('.website').size(); //3

To get the index:

ul.children('.logos').first().index(); //0
ul.children('.Branding').first().index(); //3
ul.children('.website').first().index(); //7