javascript - 根据选择查找dom索引

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());
});