jquery - div 内の div の順序を取得する

Question

のリストがありますは、以下のようなDIVコンテナーDIVです。

  <div id="ChainLinkList">
  <div class="chainSelect" id="L2176">jj</div>
  <div class="chainSelect" id="L2171">suby 3</div>
  <div class="chainSelect" id="L2170">suby 2</div>
  <div class="chainSelect" id="L2167">submenu</div>
  </div>

DIVクリックしたときに特定の順序を取得したいと思います。私は次のことを試しました

   $(".chainSelect").live("click", function() {
   var index = $(this).parent().index(".chainSelect");
   alert(index);
   .....

また

   $(".chainSelect").live("click", function() {
   var index = $('#ChainLinkList').parent().index(".chainSelect");
   alert(index);
   .....

しかし、私は-1を取得しているようです

score 7 · Accepted Answer

$(this).index();親内のクリックされたアイテムのインデックスを取得するために呼び出すことができます：

$(".chainSelect").live("click", function() {
   var index = $(this).index();
   alert(index);
});

http://jsfiddle.net/5ShLs/

score 1 · Accepted Answer

あなたはこれを試すことができます：

.live推奨されていないため、.on()handlerを使用することをお勧めします

 $(document).on("click", ".chainSelect", function(){
   var index = $(this).index();
   alert(index);
 });

score 1 · Accepted Answer

あなたは変わるべきです

$(".chainSelect").live("click", function() {
   var index = $(this).parent().index(".chainSelect");
   alert(index);
});

為に：

$(".chainSelect").live("click", function() {
   var index = $(".chainSelect").index(this);
   alert(index);
});

フィドル

score 0 · Accepted Answer

まず..

    $('#ChainLinkList').parent()

これで、div chainlinklist の親を呼び出しています。ここでは、それ自体が必要な elemnt div の親です。したがって、これは役に立ちません。
したがって、これを試してください..

    $(this).index();

score 0 · Accepted Answer

親に移動する必要はありません..クリックした要素のインデックスを取得するだけです..

jQuery 1.7 以降、この.live()メソッドは非推奨になりました。

$(".chainSelect").on("click", function() {
  var index = $(this).index();
  alert(index);
});

jquery - div 内の div の順序を取得する

5 に答える 5

Related

Reference