如何在jquery中设置活动链接?

时间:2015-11-09 15:55:35

标签: jquery

我试图在用户登录时尝试设置活动链接,但我无法弄清楚如何删除最后点击。 这是我的小提琴:

http://jsfiddle.net/9ff79/222/

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

});

3 个答案:

答案 0 :(得分:1)

您点击的a元素的DOM遍历不正确。使用closest()然后find()获取当前.active元素:

$('nav ul li a').on('click', function () {
    $(this).closest('nav ul').find('a.active').removeClass('active');
    $(this).addClass('active');
});

Updated fiddle

答案 1 :(得分:1)

这就是我到达那里的方式:

$(function() {
      $('nav ul li a').on('click', function() {
            $('nav ul li a').removeClass('active'); // remove active class from ALL href's
            $(this).addClass('active'); // add active class for the element clicked
      });
});

http://jsfiddle.net/lharby/9ff79/223/

答案 2 :(得分:0)

除非你有更多的nav元素,否则你和.active。这意味着你有一个活动类的子元素。

试试这个:

function Calculations() {
    var sum = ComputeSum();
    var dif = ComputeDif();
    alert("The sum is: " + sum);
    alert("The difference is: " + dif);
}