0

次のコードがあります。誰かが「a.mainSubMenuLinkA」の 1 つをクリックすると、ページ変更が正常にトリガーされます。この後、クラス「アクティブ」を前の「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」には関連していません。

何かアドバイス？

どうも

4

1 に答える 1

0

これを試して、

$(this).closest('li').prev('li').find('.mainSubMenuHeadingLinkA').addClass('active');
于 2013-07-07T09:41:49.823 に答える