Question

我有以下代码。当有人点击其中一个'a.mainSubMenuLinkA'时，它会成功触发页面更改。在此之后，我需要将类'active'添加到前一个'a.mainSubMenuHeadingLinkA'。

<li><a class="mainSubMenuHeadingLinkA">Approvals</a>
    <ul class="submenu">
        <li><a id="photos_profile" class="mainSubMenuLinkA">Profile Photos</a></li>
        <li><a id="photos_gallery" class="mainSubMenuLinkA">Gallery Photos</a></li>
        <li><a id="text_review" class="mainSubMenuLinkA">Text Review</a></li>
    </ul>
</li>

<li><a class="mainSubMenuHeadingLinkA">Information</a>
    <ul class="submenu">
        <li><a href="index.htm#">Information 1</a></li>
        <li><a href="index.htm#">Information 2</a></li>
        <li><a href="index.htm#">Information 3</a></li>
    </ul>
</li>

有几个这样的代码块（例如：多个mainSubMenuHeadingLinkA类）所以我需要找到锚点击之前的那个。

我尝试了很多jquery到.addClass（）的组合，例如：

$(this).closest('li .mainSubMenuHeadingLinkA').addClass('active');
$(this).closest('.mainSubMenuHeadingLinkA').addClass('active');

注意：$（this）与'a.mainSubMenuLinkA'相关，因为我可以直接在此电子邮件中添加一个类...而不是'a.mainSubMenuHeadingLinkA'。

有什么建议吗？

THX

Answer 1

试试这个，

$(this).closest('li').prev('li').find('.mainSubMenuHeadingLinkA').addClass('active');

jquery addClass到相关的元素问题

1 个答案: