JQuery установить активную ссылку

Question

у меня есть горизонтальный CSS меню с помощью этого JQuery кода:

function setActiveLink(target) { 
     $(".MenuLink").removeClass("active"); 
     $('a[href=' + target + ']').addClass("active"); 
     //$('.tabcontent').addClass('hide'); 
     $(target).removeClass('hide'); 
    } 

    $(document).ready(function(){ 
    $('.MenuLink').click(function(e) { 
     e.preventDefault(); 
     var target = $(this).attr('href'); 
     document.location.hash = target; 
     setActiveLink(target); 
    }); 
    }); 

я хочу, чтобы установить активный класс на щелкнули ссылку (и удалить все остальные активные классы)

также, Я хочу иметь возможность добавлять активный класс к родительскому элементу при нажатии элемента подменю.

я попытался создать вышеуказанную функцию, но он не добавить класс

я создал скрипку здесь с полным кодом:

http://jsfiddle.net/e79nz1cj/

Answer 1

Удалить класс первый, а затем проверить, если в настоящее время щелкнутый якорь имеет класс MenuLink, если не найдете ближайший MenuLink, который на самом деле не является родителем, но предыдущий элемент ближайшего UL

$(document).ready(function() { 
    $('li a').click(function (e) { 
     e.preventDefault(); 
     document.location.hash = $(this).attr('href'); 
     $(".MenuLink").removeClass("active"); 
     var link = $(this).hasClass('MenuLink') ? $(this) : $(this).closest('ul').prev(); 
     link.addClass('active'); 
    }); 
}); 

FIDDLE

Answer 2

Прежде всего, вам нужно включить jQuery, если вы хотите его использовать. Я правильно понял? Вы хотите что-то вроде this?

function setActiveLink(target) { 
    $(".MenuLink").removeClass("active"); 
    target.addClass("active"); 
    //$('.tabcontent').addClass('hide'); 
    $(target).removeClass('hide'); 
} 

$(document).ready(function(){ 
    $('.MenuLink').click(function(e) { 
     e.preventDefault(); 
     var target = $(this).attr('href'); 
     document.location.hash = target; 
     setActiveLink($(this)); 
    }); 
});