jQuery的索引（）的部分

Question

我使用jquery排序在div包含一些節元素。我想使用index（）來輸出每個部分的位置。

指數（）只返回第一個區間值，但它無法找到第二個（或第三，第四等）

我想不出什麼我做錯了。任何幫助，將不勝感激。這裏是我的代碼：

<div id="existingquestions" class="sortable"> 
      <section class="question" id="question_777"> 
       <p id="positionof_777"></p> 
       <p class="questiontext">question.text</p> 
       <script>$(document).ready(function() { 
          var qpos = Number($('.sortable > section:visible').index('#question_777')+1); 
          $('#positionof_777').html(qpos); 
         }); 
       </script> 
      </section> 
      <section class="question" id="question_888"> 
       <p id="positionof_888"></p> 
       <p class="questiontext">question.text</p> 
       <script>$(document).ready(function() { 
         var qpos = Number($('.sortable > section:visible').index('#question_888')+1); 
         $('#positionof_888').html(qpos); 
        }); 
       </script> 
      </section> 
    </div> 

，我使用的作品就好了，雖然它基本上與上述相同的其他功能：

$(document).ready(function() { 
     $('input').placeholder(); 
     $(".sortable > section:visible").hover(function() { 
      var index = $(this).index()+1; 
      $("#example_index").html("Index " + index); 
     }); 
    }); 

我無言以對。第一個例子中我做錯了什麼？

Answer 1

這將是你期望的工作：

<div id="existingquestions" class="sortable"> 
    <section class="question" id="question_777"> 
    <p id="positionof_777"></p> 
    <p class="questiontext">question.text</p> 
    <script> 
     $(document).ready(function() { 
      var qpos = $('.sortable > section:visible#question_777').index() + 1; 
      $('#positionof_777').html(qpos); 
     }); 
    </script> 
    </section> 
    <section class="question" id="question_888"> 
    <p id="positionof_888"></p> 
    <p class="questiontext">question.text</p> 
    <script> 
     $(document).ready(function() { 
      var qpos = $('.sortable > section:visible#question_888').index() +1 ; 
      $('#positionof_888').html(qpos); 
     }); 
    </script> 
    </section> 
</div> 

Working sample

注

你不需要Number轉化，.index()總是返回一個數字。