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

Question

所以我得到了一个<ol>当我单击列表项时，我想在控制台中记录该元素的特定索引。我试过这段代码:

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

我添加了 + 1这样我以后就可以将它用作第 n 个 child 。 但是这段代码不起作用。怎么了？ 这是我的 Codepen

Answer 1

I modified your codepen javascript into this:

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

如果您已经将 selectable 绑定(bind)到包装器，您的点击事件将不起作用。您在其中有一个名为:selecting 的方法，它应该可以解决问题。

希望对您有所帮助!