Как установить активную ссылку в jquery?

Question

Я пытаюсь установить активную ссылку, когда пользователь клик на ней, но я не могу понять, как удалить последний щелчок. Это моя скрипка:

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'); 
    }); 

});

Answer 1

Неверный запрос об ошибке DOM от щелкнутого элемента a. Используйте closest() затем find(), чтобы получить текущий .active элемент:

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

Updated fiddle

Answer 2

Это, как я туда попал:

$(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/

Answer 3

Если у вас нет больше нав-элементы, a и .active. Это означает, что у вас есть дочерний элемент с активным классом.

Попробуйте это:

$('nav ul li a.active').removeClass('active');