获取我点击的元素相对于jquery集合的索引

Question

我在这里有一个小提琴，非常简单。

http://jsfiddle.net/tnQne/

我对JS是这里

$('section a').on('click', function() { 
    alert($(this).index()); 
}); 

它总是返回0，因为内部部分只有1锚标记。我想要的是它返回jquery集合中clicked元素的位置。因此，如果我点击最后一个部分定位点，它将返回2（基于0）

Answer 1

您需要存储原始集合并在该集合上调用index。

var links = $('section a').on('click', function() { 
    alert(links.index(this)); 
}); 

jsFiddle

---

与您的代码的问题是，$(this).index()将获得元素相对于其同级中的索引。由于a元素没有任何兄弟，因此索引始终为0。我已链接的API页面解释了如果DOM元素是参数，index函数的工作原理。

Answer 2

lonesomeday有一个好办法做到这一点，但另一种方式是：

$('section a').on('click', function(e) { 
    alert($.inArray(e.target, $('section a'))); 
});​ 

jsFiddle example