jQueryとJQM - 私はJQMはそれで行われ、HTMLの一片、このようになります（単純化）を持つインデックス

Question

を取得するには、フィルタと最も近いを使用して：

<div id="servicesList"> 
    <div id="servicesHeader">Services</div> 
    <ul data-role="listview" class="ui-listview"> 
     <li id="Serv1" class="serviceLink">Service 1</li> 
    </ul> 
    <ul data-role="listview" class="ui-listview"> 
     <li id="Serv2" class="serviceLink">Service 2</li> 
    </ul> 
</div> 

このコードは、動的に別のから生成されますスクリプトの一部。

各サービスには、さらに多くのデータを動的に取り込むクリックイベントが付いています。理想的には、クリックされた時点でサービスのインデックスを参照できるようにしたいと考えています。オブジェクトの配列を引き込んservicesHeader div要素を含んでいるよう

$('.serviceLink').click(function() { 
    var index = $(this).closest("ul").index(); 
    servAnimate(index); 
}); 

もちろん、これは動作しません：ここに私の現在のコードです。親ウルスの配列だけを取得するにはどうすればいいですか？基本的に、ユーザーがService 1をクリックすると、返されるインデックスは1ではなく0になります。今すぐインデックス0はservicesHeader divを参照します。

また、私はこれを試してみた：

$(this).closest("ul").filter("ul").index(); 

任意の助けをいただければ幸いです！

EDIT：別の開発者のスクリプトによってHTMLが生成されていることを指定する必要があります。それは変わるかもしれない、それは同じままであるかもしれない。これまでの唯一の保証は、ULが同じレベルに留まり、クラスserviceLinkを持つということです。

もう一度、他の兄弟要素が存在するかどうかにかかわらず、親ULのインデックスを取得するにはどうすればよいですか？

Answer 1

自分の質問に答える敗者のように感じる！

私はindex（）を単独で使用するのに慣れているので、修飾子を追加することを忘れてしまいました。さらに、私は、クリックされた要素から逆方向に作業し、その位置を見つけなければならないと仮定していました（すべての回答者に伝えました）。私が代わりにしたのは、コンテナのdiv IDと各リンクのまわりの構造を直接変更しないことに基づいて要素のリストを作成し、そこからクリックされた要素のインデックスを取得することでした：

$('.serviceLink').click(function() { 
    var index = $('#servicesList ul[data-role="listview"] li.serviceLink').index(this); 
    servAnimate(index); 
}); 

この問題を解決するために永遠に助けていただきありがとうございます。

Answer 2

サービスリストだけをラップする別のDIV、つまりULを導入してください。次に、.closest('div')はこの新しいdivを見つけ、インデックスはその中でゼロから始まります。

EDIT：

はこのお試しください：私はあなたの要件で何かを見落としてきた場合を除き

DEMO

Answer 3

は、この法案に合うだろうか？

$(function() { 
    $('#servicesList .serviceLink').on('click', function() { 
     alert($('.serviceLink').index(this)); 
    }); 
})​ 

あなたがサービスの1クリックしたときにこれは、0を返し、1 [サービス]をクリックしたとき2.

UPDATE：これは、メインのdiv "servicesList" 内部 ".serviceLinks"

を見つけるだろう

Answer 4

に何か問題：

$('.serviceLink').click(function() { 
    var index = $(this).closest("ul").index() - 1; 
    alert(index); 
});​ 

がhttp://jsfiddle.net/u4Hy4/

を見ます210