私はこのようになりますDOM構造持つDOM

Question

内のすべてのマッチした要素間で現在の要素のインデックスを取得：

<div class="chapter"> 
    <section></section> 
    <section></section> 
</div> 
<div class="chapter"> 
    <section></section> 
    <section></section> 
    <section class="current"></section> 
    <section></section> 
</div> 
<div class="chapter"> 
    <section></section> 
    <section></section> 
    <section></section> 
    <section></section> 
</div> 

を、私は現在の「のクラスでセクションのインデックス番号を取得したいです"をすべてのセクションに渡って表示します。この例では、5番目のセクションタグであり、現在のクラスを含んでいるため、そのインデックスは5になります。

これをjQueryでどのように取得できますか？

私は、DOM内のすべてのセクションのリストを取得するために、この使用を開始しました：

alert($(sections+'.current').index()); 

：私は試してみて、私が望む結果を得るために、このようなことを試してみた

var sections = $('section'); 

を

これはjsエラーを返します。

私はここで何が欠けていますか？ありがとう！このような

Answer 1

$('section')のコードでは、すべてのセクションがjqueryオブジェクトとして返されます。これはあなたに $('sections')として4が戻ってくるだろうクラスの現在のセクションの相対的な指標を、返します

sections.index($(".current")); 

：それらの中でも、あなたがこれを行うことができますcurrentのクラスを持っているセクションのインデックスを取得しますあなたはすべてのセクションの要素を含むjQueryオブジェクトのArray（0の添字付き）です。したがって一致する要素は5番目の要素であり、インデックスは4を返します。 希望fiddleが役に立ちます。

Answer 2

変更

var sections = 'section'; 

あなたのコードはこれを行うと

alert($($('section')+'.current').index()); 

Answer 3

$('.current').index('section'); 

その間違っているがindex上のドキュメントを参照してください。

セレクタ文字列が引数として渡された場合、.index（）はセレクタと一致する要素を基準にした元の要素の位置を示す整数を返します。要素が見つからない場合、.index（）は-1を返します。