Javascript 如何在选择事件中获取剑道菜单的父文本和子文本

Javascript 如何在选择事件中获取剑道菜单的父文本和子文本,javascript,kendo-ui,Javascript,Kendo Ui,我正在使用剑道菜单。为此,我有父级菜单,每个菜单都有子项。 我想在select事件中获取父项文本和子项文本 $("#menu").kendoMenu({ open: function onOpen(e) { parentText = $(e.item).children(".k-link").text(); }, }); 为了获取父文本,我使用了“open”函数,通过它我可以获取父文本,但我希望在select事件中使用它 $("

我正在使用剑道菜单。为此,我有父级菜单,每个菜单都有子项。 我想在select事件中获取父项文本和子项文本

$("#menu").kendoMenu({
       open: function onOpen(e) {
              parentText = $(e.item).children(".k-link").text();
            },
});
为了获取父文本,我使用了“open”函数,通过它我可以获取父文本,但我希望在select事件中使用它

$("#menu").kendoMenu({
       open: function onOpen(e) {
              parentText = $(e.item).children(".k-link").text();
            },
});

如果只有父级和子级(两级菜单),则可以将CSS类
k-state-active
用作父级的选择器,这是要添加到所选选项的每个祖先的CSS类

您的代码是:

select: function (e) {
    var me = e.item;
    console.log("me", $(child).find(".k-link").text());
    var father = $(".k-state-active", this.element);
    console.log("father", father.text().trim());
}

如果只有父级和子级(两级菜单),则可以将CSS类
k-state-active
用作父级的选择器,这是要添加到所选选项的每个祖先的CSS类

您的代码是:

select: function (e) {
    var me = e.item;
    console.log("me", $(child).find(".k-link").text());
    var father = $(".k-state-active", this.element);
    console.log("father", father.text().trim());
}