Jquery 单击后添加css类

我希望能够在用户单击href元素时添加一个类addclass。我在用咖啡脚本。有什么建议吗

<div class="visual-tabs">
    <ul id="myTab" class="nav nav-tabs event-type">
        <li>
            <a class="form-scores">Test</a>
        </li>
        <li>
            <a class="form-scores">Test 2</a>
        </li>
    </ul>
</div>

---

从选择器中删除

.nav选项卡

，它正在作为

#myTab

的子项搜索该选项卡。这也有点多余，你已经选择了一个唯一的ID

$(document).on 'click', "#myTab li a", (e) ->

---

问题在于您的选择器。通过按现有方式编写选择器，可以查找具有类

nav tabs

的元素，该元素是ID为

myTab

的元素的子元素

因此，

“#myTab.nav tabs li a”

需要是

#myTab.nav-tabs li a

或简化为

”。nav tabs li a“

或

“#myTab li a”

之所以会发生这种情况，是因为

#myTab

CSS选择器以

ul

为目标，从而导致它查找具有类

nav tabs

的元素，它是该

ul

的子元素（这不是您想要的）

这就是为什么组合这两个选择器可以解决问题（例如，

#myTab.nav tabs

）。这样做将导致它查找包含这两个类的任何元素，然后查找属于它的子类的任何

li

$(document).on 'click', "#myTab li a", (e) ->