根据选择查找dom索引

Finding dom index based on selection

本文关键字：dom 索引 查找 选择      更新时间：2023-09-26

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

但是它没有给我选定/悬停元素索引。有人能帮帮我吗?

您可以将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);
});

$('.someclass').click(function(){
    alert($(this).index());
});
相关文章：