jquery - 如何使用 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