0
我有一系列div都包含列表元素。我试图返回列表中的项目在本地列表中的索引。但它统计了其他div中的列表项,我想避免这种情况。jQuery列表索引
所以目前的指标是收益(逗号分隔的div):
0-5,6-7,8-17
我想它返回:
0- 5,0-1,0-9
所以我想索引是相对于每个div。
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;}