0

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

しかし、選択/ホバー要素のインデックスは表示されません。誰か助けてくれませんか？

4

2 に答える 2

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);
});
于 2013-05-14T11:27:15.977 に答える