【pythonプロジェクト実戦】BBSフォーラム(4)ページ美化を試みる

ページの美化-選択したプレートが灰色になります
    ラベルの使用
    表示されるプレート名要素、addClass(「active」)
    では、現在表示されているプレートの名前を見つける必要がありますか?
    プレート表示はプレートidに基づいてurlを設計しているので、現在のページurlのpathを取得することでどのプレートかを見つけることができます.
    使用する変数は、`request`.`path`です.
    
一致するラベルの式:$(「#navbar a[href='`request`.`path`'」)[0]を見つけるには、ブラウザデバッグモードconsoleでテストします.
テスト手順:

>$("#navbar a")                         #        ,    list  

[     , DOTA1, 
DOTA2, LOL, 
スターウォーズ, 
…, 
  , ポスト, ほじょ]

>$("#navbar a[href='/category/1/']")    #   /category/1/   

[DOTA1]

$("#navbar a[href='/category/1/']")[0]       #  list        ，  html  

>var menus = $("#navbar a[href='/category/2/']")[0]       #           
undefined

>$(menus).parent()                                        #    menus    
[

…

]

#         class=“active”
$(menus).parent().addClass("active");               




#             class=“active”
$(menus).parent().siblings().removeClass("active");

最終的な実装方法:

        $(document).ready(function(){

            var menus = $("#navbar a[href='{{ request.path }}']")[0];
            $(menus).parent().addClass("active");
            $(menus).parent().siblings().removeClass("active");
            console.log(menus);
        })