jquery - css をメニューのパスに変更する

Question

jquery、superfish を使用して動的メニューを作成しています。しかし、選択したパスに太字のクラスを追加するのに問題があります。適切なサブメニューを選択して、適切な親を抽出できます。しかし、太字の css プロパティを要素と親に適用したい場合。すべてのアイテムが太字になります。とき、いくつかの子要素に太字の css クラスがないことがはっきりとわかります。

$n = $("li[id=li_"+$num+"]").parents().filter("li").not('ul menu').addClass('bold');

Answer 1

子供たちは、太字の親から太字を受け継いでいる可能性があります。たとえば、ネストされたリストを使用している場合、親の「ボールド」クラスは、そのクラスのスタイルliと相まって、ボールド クラスのない子を含め、そのボールドですべてを作成します。次のような css が必要になる可能性があります。font-weight:bold;li

li.bold li {
    font-weight:normal;
}
li.bold {
    font-weight:bold !important;
}

また、「太字」はこのクラスの悪い名前です。表示ではなく、セマンティクスを説明したいのです。「選択済み」、「強調表示」、「アクティブ」などを使用します。

例。