jquery addClass到相关的元素问题

时间:2013-07-07 09:39:19

标签: jquery addclass

我有以下代码。当有人点击其中一个'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

1 个答案:

答案 0 :(得分:0)

试试这个,

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