Как я могу объединить этот код jquery

Question

У меня есть элементы навигации, которые добавляют класс к ссылке, и удаляет класс из оставшихся ссылок. Как я могу закрепить это легко в одну функцию, которая определяет, какая связь щелкнула и удаляет класс от остальных звеньев (или активной ссылку)

Heres код для одной линии - пытаюсь избежать этого для каждой ссылки:

$("#work").click(function() { 
    $(this).addClass('active'); 
    $("#about").removeClass('active'); 
    $("#testimonial").removeClass('active'); 
    $("#instruction").removeClass('active'); 
    $("#blog").removeClass('active'); 
    $("#contact").removeClass('active'); 
}); 

Благодаря

Answer 1

я могу быть недоразумением вопрос, но как насчет:

function mark_active() { 
    $('a').removeClass('active'); 
    $(this).addClass('active'); 
} 
$("#work, #about, #testimonial, #instruction, #blog, #contact").click(mark_active); 

Answer 2

Это трудно понять, что вы пытаетесь сделать, но Я думаю, что это может помочь:

var links = $('a'); 
links.click(function() { 
    links.removeClass('active'); 
    $(this).addClass('active'); 
}); 

Answer 3

Учитывая все ссылки <a> и внутри одного из родителей позволяет говорить #menu.

var allchild = $("#menu").children("a"); 
allchild.click(function() { 
    allchild.removeClass('active'); //remove the classes from all the menus 
    $(this).addClass('active'); 
}); 

Даже если не

$("#work").click(function() { 
    $("#work, #about, #testimonial, #instruction, #blog, #contact").removeClass('active'); 
    $(this).addClass('active'); 
}); 

Answer 4

Если я понимаю проблему ...

var allYourLinks = $("someSelector"); 

allYourLinks.click(function() { 
    // remove all active class 
    allYourLinks.removeClass('active'); 
    // add the class to the clicked link 
    $(this).addClass('active'); 
    // even better than .addClass call is: 
    this.className += " active"; 
}); 

Answer 5

добавить класс для всех звеньев группы, например, "ACTIVEGROUP".

чем использовать следующую функцию:

var activeGroupClick = function(){ 
    $('.activeGroup').removeClass('active'); 
    $(this).addClass('active'); 
} 

$('.activeGroup').click(activeGroupClick);