获取嵌套列表项的索引

Question

我正在尝试获取嵌套列表的索引。

http://jsfiddle.net/5zJD8/12/

我举了一个例子。

单击列表项时，您将获得此

list item 0
  list item 0
  list item 1
list item 1
list item 2

我希望它能做到这一点：

list item 0
  list item 1
  list item 2
list item 3
list item 4

有人能指出我正确的方向吗？我希望我已经很好地解释了这一点。

这是代码，如果演示不会加载，它只是在你点击列表项时附加ID。

$('li').click( function() {
   var liIndex = $(this).index();
    $(this).children().append(liIndex);
});

Answer 1

试试这个：

$('li').click( function() {
   var liIndex = $(this).index('li');
    $(this).children().append(liIndex);
});

http://jsfiddle.net/5zJD8/36/

您可以在此处查找更多信息：http://api.jquery.com/index/

Answer 2

这也是做同样的事情，但努力程度要小一些：

$('li').each(function(liIndex) {
    $(this).click( function() {
         $(this).children().append(liIndex);
    });
});