javascript - メニューで a:visited のフォーカスを変更する方法

Question

私はブラジル人なので、最初に、英語の誤りをお詫びします。

私の問題は次のとおりです。以前にアクセスしたリンクをクリアするメニューが必要ですが (再び通常の状態に戻します)、現在アクセスしているリンクを css で a:visited として保持します。

これを作る方法を見つけました。しかし、問題はそれが機能していないことです!! これは私が持っているコードです:

< ul id="menuTop">
    < li id="menu-link-1">@Html.ActionLink("Home", "Index", null, null, new { id = "link-1-visited" })</li>
    < li id="menu-link-2">@Html.ActionLink("Produtos", "Products", null, null, new { id = "link-2-visited" })</li>

    < li id="menu-link-3">@Html.ActionLink("Fale Conosco", "ContactUs", null, null, new { id = "link-3-visited" })</li>

    < li id="menu-link-4">@Html.ActionLink("Quem Somos", "AboutUs", null, null, new { id = "link-4-visited" })</li>
< /ul>

これは私のボタンで、それらを「訪問」させるコードは次のとおりです。

  $(document).ready(function() {
        $('#link-1-visited').click(function()
        {
            $("#menu-link-1").removeAttr("menu-link-1");
            $(this).addClass('link-1-visited');
            window.alert("test 1 !!");
        });

        $('#link-2-visited').click(function()
        {
            $(this).addClass('link-1-visited');
            window.alert("test 2 !!");
        });

        $('#link-3-visited').click(function()
        {
            $(this).addClass('link-1-visited');
            window.alert("test 3 !!");
        });

        $('#link-4-visited').click(function()
        {
            $(this).addClass('link-1-visited');
            window.alert("test 4 !!");
        });
    });

問題は、menu-link-1 の私のコードが機能していないことです。ul と lic css を削除し、クラス「link-1-visited」を追加したいと考えています。

どうすればそれができるかについてのアイデアはありますか?