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。

Answer 1

this指的是被点击的元素，在您的情况下，它是锚元素。我注意到你在锚点href中的hashtag之后存储了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");
        });

通过jquery添加类

2 个答案: