javascript - select イベントで剣道メニューの親子テキストを取得する方法

Question

私は剣道メニューを使用しています。このために、親レベルのメニューがあり、それぞれにサブアイテムがあります。select イベントで親アイテムのテキストとサブアイテムのテキストを取得したい。

親テキストを取得するには、「open」関数を使用しました。これにより、親テキストを取得できますが、select イベントでこれが必要です。

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

Answer 1

親と子 (2 レベルのメニュー) しかない場合は、親のセレクターとして 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());
}