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

Question

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

为了获取父文本，我使用了“打开”功能，通过这个我能够获取父文本，但我希望在选择事件中使用它。

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

Answer 1

如果您只有父级和子级（两级菜单），您可以将 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());
}