Question

HTML标记就像这样

<div> 
    <div class="selector"></div> 
 </div>
 <div>
    <div class="selector"></div>
 </div>
 <div>
    <div class="selector1"></div>
 </div>
 <div>
    <div class="selector1 active"></div>
 </div>
<div>
    <div class="selector2"></div>
 </div>
 <div>
    <div class="selector2"></div>
 </div>

根据用户点击，我想找到点击的存储桶，并根据该存储桶我想找到它的索引。

Javascript

var sectionType = $(this).attr('class');
var sectionIndex = sectionType.find("active").index();

但它没有给我选择/悬停元素索引。有人可以帮助我吗？

Answer 1

您可以将DOM元素传递给index方法，然后返回jQuery集合中该元素的索引。

$('div[class]').click(function () {
    var cls = this.className.split(' ')[0];
    var index = $('div.' + cls).index(this);
});

http://jsfiddle.net/kCPYM/

.active元素的索引：

$('div[class]').click(function () {
    var cls = this.className.split(' ')[0],
        $div = $('div.' + cls),
        $active = $div.filter('.active'),
        index = $div.index($active);

    console.log(cls, index);
});

Answer 2

$('.someclass').click(function(){
    alert($(this).index());
});

根据选择查找dom索引

2 个答案: