如何在kendo菜單中選擇子項目時應用parentItem的樣式

Question

我正在使用Kendo菜單，我嘗試在菜單中爲所選項目應用樣式。我已經實施了像

$("#menu").kendoMenu({ 
    select: function (e) { 
     // Remove previously selected options for this menu 
     $(".k-state-selected", this.element).removeClass("k-state-selected"); 
     // Select item 
     $(e.item).addClass("k-state-selected") 
    } 
}); 

.k-menu .k-state-selected> .k-link { 
    color: lightcoral; 
} 

與上述，我能夠應用菜單中選定項目的樣式。

現在，

我在每個父項子項，當我在菜單中選擇子項，我想這個樣式應用到父Item.can任何一個可以告訴我如何做到這一點？

Answer 1

如果你想播放與您選擇的節點的樣式（類似於您對所選項目所做的操作），您應該知道這些節點標有CSS類k-state-active。

那麼我的建議是：

$("#menu").kendoMenu({ 
    select: function (e) { 
     // Remove previously selected options for this menu 
     $(".k-state-selected", this.element).removeClass("k-state-selected"); 
     $(".ob-selected-ancestor").removeClass("ob-selected-ancestor"); 

     // Select item 
     $(e.item).addClass("k-state-selected") 
     $(".k-state-active", this.element).addClass("ob-selected-ancestor"); 
    } 
}); 

當我開始刪除我使用ob-selected_ancestor從任何明顯的節點的樣式（出發前清潔一切）。

然後我所做的就是將這個CSS類（ob-selected-ancestor）添加到每個有k-state-active的節點。

最後確定這種風格，例如：

.ob-selected-ancestor { 
    color: green; 
}