jquery - jquery経由でクラスを追加

Question

これが取り引きです。私はたくさんのサムネイルを持っており、それぞれがIDを含む私のプロジェクトページにリンクしています。すなわち:

<ul>
    <li>
        <a href="page.html#projectOne">
            <img src="image.jpg" alt="awesome image" />
        </a>
    </li>
</ul>

私のプロジェクトページは次のようになります。

    <div class="projects" id="projectOne">
        ...
    </div>

    <div class="projects" id="projectTwo">
        ...
    </div>

等々。これらの div はすべてdisplay: none、プロジェクト クラスを通じて標準化されています。activeを持つというクラスも作成しましたdisplay: block。

だから私は次のようにjQueryを介してこのクラスを追加しようとしました:

$(document).ready(function(showUp){
    $("ul li a").on('click', function(){
        $(this).addClass( "active" );
    });
});

ただし、コードがクラスをdivに追加していないため、これは機能していないようです。