Как определить номер элемента LI внутри элемента UL, используя его класс в jQuery?

Question

У меня есть элемент UL с дочерними элементами LI, например, мне нужно знать, какова позиция или номер (т. Е. 4 в списке, приведенном ниже) первого элемента LI, содержащего класс «Брендинг» в элементах LI. Мне нужно его решение в 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

Для подсчета:

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

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

Для получения индекса:

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

Answer 2

Поскольку вам нужно знать позицию, я думаю, что вам нужно выполнить цикл: http://api.jquery.com/jQuery.each/

var retIndex = 0;
$.each(".ul li", function(index, value) { 
    retIndex = index;
    if(this.hasClass("branding"))
    {
        alert('found at: ' + index);
        return retIndex;
    }
});