在我的javaScript中以父li为目标

我对JavaScript非常陌生，如果这太简单的话，我很抱歉，但我花了很多时间，但不知道如何在我的菜单中定位父li

我基本上想在点击时突出显示li

• 我对数据使用json

（函数（）{
变量menuData={
“菜单”：[{
“标题”：“事件”，
“子菜单”：[{
“标题”：“酷事件”，
“uri”：“#”
}],
“uri”：“#”
}, {
“标题”：“文章”，
“子菜单”：[{
“标题”：“酷文章”，
“uri”：“#”
}],
“uri”：“#”
}, {
“标题”：“报告”，
“子菜单”：[{
“标题”：“活动日志”，
“uri”：“#”
}, {
“标题”：“统计”，
“子菜单”：[{
“标题”：“实时”，
“uri”：“#”
}, {
“标题”：“源度量”，
“uri”：“#”
}, {
“标题”：“用户”，
“uri”：“#”
}, {
“标题”：“幻灯片”，
“uri”：“#”
}],
“uri”：“#”
},{
“标题”：“导出/归档”，
“uri”：“#”
}],
“uri”：“#”
}, {
“标题”：“联合”，
“uri”：“#”
}, {
“标题”：“API”，
“uri”：“#”
}]
};
功能菜单项（obj、el）{
对于（变量i=0；i
正文{
字体大小：12px；
字体系列：“Arial”，Arial，无衬线；
}
#容器{
宽度：150px；
}
#集装箱保险{
边际：0px；
填充：0px；
}
#集装箱李{
列表样式：无；
位置：相对位置；
}
李{
边框：1px实心#b8b8；
背景色：#中交；
宽度：120px；
高度：20px；
填充：0 9px 0 9px；
}
#容器a{
颜色：#fff；
光标：指针；
显示：块；
高度：25px；
线高：20px；
文本缩进：3px；
文字装饰：无；
宽度：100%；
}
div{
垂直对齐：中间对齐；
}
.阿罗{
浮动：对；
}
.头衔{
浮动：左；
}
ul.子菜单li{
浮动：左；
}
li.子菜单{
显示：块；
位置：绝对位置；
左：139px；
顶部：-1px；
}

动态菜单

在您的示例中，您在哪里调用
openSubMenu（）
？@AycanYaşıt所以我给了它一个名称（el），并在它上面的函数中调用它。我会更新我的代码，如果你发布jsbin或JSFIDLE，那么liveweave中没有你的代码it@DanielKobe很抱歉。我更新了问题。谢谢你的帮助