jQuery列表索引

Question

我有一系列div都包含列表元素。我試圖返回列表中的項目在本地列表中的索引。但它統計了其他div中的列表項，我想避免這種情況。

所以目前的指標是收益（逗號分隔的div）：

0-5，6-7，8-17

我想它返回：

0- 5，0-1，0-9

所以我想索引是相對於每個div。

http://jsfiddle.net/K4b8J/1/

JS：

var preview = "<div class=\"preview\"><p>Test.</p></div>"; 
     $(".category_list.grid > ul li").click(function() { 
      // calculate how many elements fit per line 
      var index = $(".category_list.grid li").index(this); 
      alert(index); 
     }); 

HTML：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script> 
<div class="category_list grid"> 
    <ul> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
    </ul> 
</div> 
<div class="category_list grid"> 
    <ul> 
     <li></li> 
     <li></li> 
    </ul> 
</div> 
<div class="category_list grid"> 
    <ul> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
    </ul> 
</div> 

CSS：

*{padding:0;margin:0} 
.preview {clear:both;} 
ul {clear:both;} 
li { 
    width: 5em; 
    height: 3em; 
    background: black; 
    display: inline-block; 
    text-align: left; 
    margin: 1em; 
    color: white; 
} 
.category_list {margin-bottom:2em; clear:both;} 

Answer 1

所以，你只是想在相對於其同級元素計數：

var index = $(this).siblings().andSelf().index(this); 

http://jsfiddle.net/mattball/K8Q5D/

，如果這還不夠滑頭：

var index = $(this).prevAll().length; 

...因爲畢竟元素的（從零開始）的索引僅僅是其在它前面的元素個數。

http://jsfiddle.net/mattball/MRPrZ/