获取嵌套列表项的索引

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