jquery - 基于页面应用类

Question

当用户在相应的页面上时，我需要将类“.selected”应用于导航项，以便当用户单击“产品”时，它会转到产品页面，但产品导航项仍处于选中状态.我如何使用 jQuery 完成此操作？我想我需要获取页面的 URL 并将样式应用于相应的导航项，对吗？

Answer 1

这是一个简单的例子，如果你想匹配整个 URL (' http://example.com/mydir/mypage.html '):

  $(function() {
    var url = window.location;
    $('a[href="' + url + '"]').addClass('selected');
  });

或者，匹配路径('/mydir/mypage.html'):

  $(function() {
    var url = window.location.path;
    $('a[href="' + url + '"]').addClass('selected');
  });