Question

说我有一个部分的菜单：

<ul id="submenu">
    <li><a href="/mypage/profile/<%=user[0].id  %>">Profile</a></li>
    <li><a href="/mypage/test/<%=user[0].id  %>">Test</a></li>
</ul>

这些路线：

app.get('/mypage/profile/:id', function(req,res,next) {
    res.render('site/mypage/cv', {
        title: 'profile'
    });

});

app.get('/mypage/test/:id', function(req,res,next) {
    res.render('site/mypage/cv', {
        title: 'test'
    });

});

如何根据点击的链接向li元素添加selected类？

Answer 1

对于这个例子，你不需要任何服务器端的东西，你可以通过简单的jQuery代码实现效果（记得在之前的页面中包含jQuery）：

$(function() {
  // put the possible page titles here
  // they must be in the url also
  var possible_pages = ['profile', 'test'], 
      path = window.location.pathname,
      pattern, page, i, len;

  for (i = 0, len = possible_pages.length; i <= len; i++) {
    page = possible_pages[i];
    pattern = new RegExp(page);
    if (pattern.test(path)) {
      $('.submenu .' + page).addClass('selected');
      break;
    }
  }
});

Expressjs在class中为li元素添加类

1 个答案: