Jquery 获取id元素内部元素的索引

因此，当在父元素中单击enter时，我试图获取该输入的索引，但它不起作用。这是我的片段

newvue({
el:'集装箱'，
数据：{
},
方法：{
输入（）{
console.log（$（'[name='+document.activeElement.name+']'）.index（））
}
}
})

input{display:inline block；}
span{颜色：灰色；字体大小：10px；显示：块；}

预期输入0
预期投入1
预期投入2

解决方案：

newvue({
el:'集装箱'，
数据：{
},
方法：{
输入（）{
//旧的
//console.log（$（'[name='+document.activeElement.name+']'）.index（））
//新的
var active=$（'[name='+document.activeElement.name+']'））
console.log（活动的。最近的（“#容器”）。查找（'input'）。索引（活动的））
}
}
})

input{display:inline block；}
span{颜色：灰色；字体大小：10px；显示：块；}

预期输入0
预期投入1
预期投入2

解决方案：

newvue({
el:'集装箱'，
数据：{
},
方法：{
输入（）{
//旧的
//console.log（$（'[name='+document.activeElement.name+']'）.index（））
//新的
var active=$（'[name='+document.activeElement.name+']'））
console.log（活动的。最近的（“#容器”）。查找（'input'）。索引（活动的））
}
}
})

input{display:inline block；}
span{颜色：灰色；字体大小：10px；显示：块；}

预期输入0
预期投入1
预期投入2