Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 获取列表子项相对于父项的索引_Jquery_Css_Indexing - Fatal编程技术网

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

Jquery 获取列表子项相对于父项的索引,jquery,css,indexing,Jquery,Css,Indexing,因此,当我点击一个列表项时,我想在控制台中记录该项的特定索引。我尝试了以下代码: $("ol").click(function (e) { var source = $(e.target); var nthchild = source.index() + 1; if(source.is("li")){ console.log(nthchild); } }); 我加了+1,这样我就可以用它作为第n个孩子了。 但是这个代码不起作用。怎么了 这是我的 如果已将可选

因此,当我点击一个列表项时,我想在控制台中记录该项的特定索引。我尝试了以下代码:

$("ol").click(function (e) {
  var source = $(e.target);
  var nthchild = source.index() + 1;
  if(source.is("li")){
        console.log(nthchild);
    }
});
我加了+1,这样我就可以用它作为第n个孩子了。 但是这个代码不起作用。怎么了 这是我的

如果已将可选项绑定到包装器,则单击事件将不起作用。你在它里面有一个方法叫做:selection,它应该做到这一点


希望有帮助

它不是复制品。他的错误来自于使用jQueryUI中的选项,该选项干扰了.click事件。所以我尝试了var index=$ol li.UI-selected.index;console.logindex;这也不管用
I modified your codepen javascript into this:

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