JQuery获取多个li点击之后自己的下标,点击任意一个li的下标都是0

$(function(){

var fbnav=$(".sy-tj-on");
var fbbox=$(".sy-tj-in");
console.dir(fbnav)

console.dir(fbbox)

fbnav.click(function(){

var index=$(this).index();

console.log(index)

})

})
这个是JQ代码
这是html代码

这是报错

$(function(){
    $(".sy-tj-on").on('click','.sy-tj-in',function(){
        console.log($(this).index());
    })

})

温馨提示:答案为网友推荐,仅供参考