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

Question

使用我的代码我得到 -1 ...我应该买 2 个。

我需要获取 li 的位置与类focus ul内不考虑像 <div class="clm-XXXX"> 这样的 div 标签

我应该如何更改我的代码？请注意(我无法更改 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') 没有选择任何内容，因为直接下面没有 li 元素ul 元素(即使它们应该是...)，

此外，要使用index()，您需要发送一个参数来指定您想要索引的元素。根据the docs , index('.focus') 应该可以工作，但由于某种原因在这种情况下却不能。