0

使用 jQuery 遍历 DOM 时,有没有一种简单的方法可以知道在我的选择器之前有多少兄弟姐妹有一个特定的类?

例如,使用以下 HTML:

<ul>
    <li class="foo">One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
    <li class="foo">Five</li>
    <li>Six</li>
    <li class="active">Seven</li>
    <li>Eight</li>  
    <li class="foo">Eight</li>  
</ul>

从 li.active 我想知道我有 2 li(一和五),在我的活动对象之前有 'foo' 类。

我可以在不解析所有兄弟姐妹和比较索引的情况下做到这一点吗?

我认为 .prevAll() 可以帮助我,但它找不到比遇到的第一个兄弟姐妹更多的东西。

4

2 回答 2

0

.prevAll(".foo")应该是你所需要的。

$(".active").prevAll(".foo");

jsfiddle上的代码示例。

于 2011-03-24T14:39:36.373 回答
0
$('.active').prevAll('.foo').length

这将返回一组具有类的所有先前兄弟的长度foo

于 2011-03-24T14:39:51.723 回答