python - About looping lists in django templates

Question

There is a navigation bar. I want to add a class = 'on' attribute when this navigation is activated. If you click on the second item of the navigation, add this class to the second item {code...}, such as {code...}. How to achieve this?

淡淡烟草味 · Answer

#后端
navs = [
    {'name': '菜单1', 'url': 'url1'},
    {'name': '菜单2', 'url': 'url2'}
]

for nav in navs:
    nav['class'] = 'on' if nav['url'] == request.path else None
    
#前端
{% for nav in navs %}
{{ nva.name }}
{% end for %}

ringa_lee · Answer

You have nothing to do with django.
This is a problem with the front-end page. For example:
You load all the navigation to the front-end page at once, and then you need to open the current menu based on clicks, and then turn off the effects of other menus, right?
If I understand correctly, this is a front-end problem

1. Bootstrap or UIKit all support this effect;

2. Write the navigation style yourself, for example, name it active, and then give you the clicked object in jQuery $(this).addClass('active'), this is an idea;