javascript - 单击另一个链接时尝试创建链接 "active"

Question

我需要帮助编辑以下 JavaScript。

<script>
  $('.nav li a').on('click', function() {
    $(this).parent().parent().find('.active').removeClass('active');
    $(this).parent().addClass('active');
  });
</script>

================================================== ===================

除了现有功能之外，我还需要在单击“link1”时使“link2”变为“事件”。请参阅下面的 HTML。

<h1 class="brand"><a href="#link1">Brand</a></h1>
<ul class="nav">
  <li class="active"><a href="link2">One</a></li>
  <li><a href="link3">Two</a></li>
  <li><a href="link4">Three</a></li>
</ul>

Answer 1

您可以使用以下代码。一个jsFiddle示例可在此处获取。

  $('.nav li a').on('click', function (event) {
      event.preventDefault(); //Add this only if you want to stop the default link action.
      $(this).parent().siblings('li').removeClass('active');
      $(this).parent().addClass('active');
  });

  //The below is to make #link2 active whenever #link1 is clicked.
  $('.brand a').on('click', function () {
      $('.nav li:first').addClass('active');
      $('.nav li:first').siblings('li').removeClass('active');
  });