获取列表子项相对于父项的索引

Question

所以我得到了<ol>，当我点击列表项时，我想在控制台中记录项目的特定索引。我试过这段代码：

$("ol").click(function (e) {
  var source = $(e.target);
  var nthchild = source.index() + 1;
  if(source.is("li")){
        console.log(nthchild);
    }
});

我添加了+ 1，所以我可以将其用作nth-child。 但是这段代码不起作用。怎么回事？ 这是我的Codepen

Answer 1

I modified your codepen javascript into this:

$(function() {
    $("#selectable" ).selectable({
        selecting: function(event, ui) {
            console.log($(ui.selecting).index())
        }
    });
})

如果已将selectable绑定到包装器，则单击事件将不起作用。你在里面有一个方法叫做：选择它应该可以做到。

希望它有所帮助！