jquery - 通过 jquery 添加类

Question

所以这是交易，我有一堆缩略图，每个都链接到我的项目页面，包括一个 id。IE：

<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>

等等。所有这些 divdisplay: none在项目类中都是标准的。我还创建了一个名为 的类active，它具有display: block.

所以我尝试通过 jQuery 添加这个类，如下所示：

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

然而，这似乎不起作用，因为代码没有将类添加到我的 div 中。

Answer 1

this指的是被点击的元素，在你的情况下，它是锚元素。我注意到您在锚href中的主题标签之后存储了div ID，因此您可以执行以下操作：

$("ul li a").on('click', function() {
    //Remove any other .active class
    $(".projects").removeClass("active");

    var divID = $(this).attr("href").split("#")[1];
    $("#" + divID).addClass("active");

    return false;
});

Answer 2

尝试这个 ：

        $(document).ready(function () {
            $("ul, li, a").addClass("active");
        });