如何使用 jQuery 中的类检测 UL 元素内的 LI 元素编号？

Question

我有一个 UL 元素及其子 LI 元素，例如，我需要知道 LI 项目中包含类“Branding”的第一个 LI 元素的位置或编号（即下面给出的列表中的 4）是什么。我需要它的 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;
    }
});