jquery - jquery addClass 到相关元素问题

Question

我有以下代码。当有人单击“a.mainSubMenuLinkA”之一时，它会成功触发页面更改。在此之后，我需要将“活动”类添加到之前的“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'。

有什么建议吗？

谢谢

Answer 1

尝试这个，

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