Question

我有一个带有子LI元素的UL元素，例如我需要知道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;
    }
});

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

2 个答案: