Jquery - 是否可以按类名过滤元素，并获取其父级的索引？

Question

在我的HTML页面中，我有近4 <ul>个。所有人都有<li>个孩子。当用户点击每个<li>元素时，我会添加有效类名称。稍后，相当于其父级的索引号，我在图标框中添加一个图标（单独的框）。

因此，每次点击我都需要更新索引号。有没有办法实现这个目标？

我用过这个，但是我没有得到正确的结果：

var lstNum = $('.active').parent().index($(this));

我没有从每个父母那里得到价值。

jsfiddle

Answer 1

更新了演示：http://jsfiddle.net/haHYu/2/

---

选中演示：http://jsfiddle.net/haHYu/1/

<强>代码：

$('.options li').click(function() {
    alert($(this).parent().index());
});