jquery - 简单的html/css类谜语

在this小提琴中，单击“策略”按钮，再单击“新建策略”按钮，然后根据此html的第二行（在代码底部附近）

<fieldset id="NewpolicyOverlay" class="menuAbuttons">
  <p><a href="#" class="menuA menuA-open returnBttn" name="level02" title="Create a new policy"><span>New policy</span></a></p>
  <a href="#" id="NewPolicy" class="menuA menuA-open overlayBttnA" name="NewPolicy"><span>Policy</span></a>
  <a href="#" id="Sections" class="menuA overlayBttnA" name="Sections"><span>Sections</span></a>
  <a href="#" id="Transaction" class="menuA overlayBttnA" name="Transaction"><span>Transaction</span></a>
  <a href="#" id="NewPolicySubmit" class="menuB overlayBttnA" name="NewPolicySubmit"><span>Submit</span></a>
</fieldset>

新建策略按钮应显示为“打开”（即与下面的“策略”按钮相同）。即使当我使用FF检查元素时，它也没有menuA-open类。但是上面的代码清楚地表明应该这样做。它获得其他两个类：menuA和returnBttn，但不是menuA-open类。

简单来说，“新策略”按钮在单击后应为灰色，带有蓝色边框。

谁能解决这个难题？

谢谢

克里斯

最佳答案

单击“策略”时，将从该元素中删除类menuA。您应该更改选择器，以便仅从顶部栏中的<a>元素中删除该类（我想是这样）：http://jsfiddle.net/FBvkQ/1/。

$(".menuA").click(function() {
    // ...
    $('#menudiv > .menuA') // ...