如何在包含div的ul中使用jquery索引？

Question

用我的代码我得到了-1 ..。我应该拿2代替。

我需要在不考虑div标记(如li )的情况下，在ul中获得具有类focus的ul的位置。

我该如何修改我的代码？请注意(我不能更改HTML结构)。

http://jsfiddle.net/4bJtr/3/

   <div class="snippet-content">
<ul class="layout-1">
    <div class="clm-1">
        <li>content 1</li>
    </div>
    <div class="clm-1">
        <li>content 2</li>
        <li class="focus">content 3</li>
        <li>content 4</li>
        <li>content 5</li>
    </div>
    <div class="clm-3">
        <li>content 6</li>
        <li>content 7</li>
    </div>
</ul>

​

Answer 1

这不是很好的html，但是下面是您的解决方案：

http://jsfiddle.net/e7rru/

var result = $('.snippet-content li').index($('.focus'));

最初的选择器('.snippet-content ul > li.focus')并没有选择任何东西，因为ul元素下没有直接的li元素(尽管它们应该是.)，

此外，要使用index()，您需要发送一个参数，指定您想要索引的元素。根据医生们的说法，index('.focus')应该能工作，但由于某种原因，在这种情况下就不起作用了。

Answer 2

var result = $('ul li.focus').index($('.focus'));

/*and index start from 0 not to 1

if you get one it means it is in 2nd position*/

参考索引