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 から、アクティブなオブジェクトの前に「foo」クラスを持つ 2 つの li (1 と 5) があることを知りたいです。

すべての兄弟を解析してインデックスを比較せずにそれを行うことはできますか?

私は .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 に答える