子要素のインデックスを取得しようとしていますが、ol
必要h2
のない が含まれているため、jQueryindex()
関数を使用すると結果が汚染されます。
ol
そのため、 がまったくないかのようにのインデックスが必要h2
です。そのため、3 番目をクリックするとol
、インデックスは2
ではなくになり4
ます。
HTML は次のようになります。
<div>
<h2>Title</h2>
<ol><li>Item</li><li>Item</li><li>Item</li></ol>
<h2>Title</h2>
<ol><li>Item</li><li>Item</li><li>Item</li></ol>
<h2>Title</h2>
<ol><li>Item</li><li>Item</li><li>Item</li></ol>
<h2>Title</h2>
<ol><li>Item</li><li>Item</li><li>Item</li></ol>
</div>
そしてjQuery:
$('ol li').click(function () {
// get current index position of the ol
var itemIndex = $(this).parent('ol').index();
alert(itemIndex);
});