Javascript 为什么我的<；a>；标签选择不是'；不行吗？

我有以下代码：

<div class="list-group" id="generalView">
    <a href="" id="today" onclick="displayData()" class="list-group-item" data-toggle="modal" data-target="#displayDiary">
        <h4 class="list-group-item-heading">Today's Diary</h4>
    </a>
    <a href="" class="list-group-item">
        <h4 class="list-group-item-heading">Last Week's Diaries</h4>
    </a>
    <a href="" class="list-group-item">
        <h4 class="list-group-item-heading">Last Month's Diaries</h4>
    </a>
</div>

---

当单击

标记但我的选择不起作用时，我想添加一个类

活动

。我选错了吗？我已经尝试为每个

元素指定一个类，然后尝试选择该类，但效果并不理想。为什么会发生这种情况？

这里有一个简单的解决方案，在每个标签上使用一个类。希望有帮助

$（文档）.ready（函数（）{
$（'#generalView>a'）。单击（函数（）{
$（'.myClass'）.removeClass（'active'）；
$（this.addClass（'active'）；
返回false；
});
});
.active{
颜色：红色；
}
无需js即可完成

根据您的情况考虑以下代码


a：激活{
颜色：橙色；
}

您的代码似乎工作正常：。请注意，您需要对传递给处理程序函数的事件调用
preventDefault（）
，否则页面将被传输，状态将丢失。如果要在页面之间保留状态，则需要将选择存储在某个位置，例如在URL中作为查询字符串参数、
localStorage
、
sessionStorage
、cookie、服务器端会话、，或者在数据存储中。你编辑问题的速度比我写答案的速度快-在某一点上还可以-就我所见，你的选择器没有问题。唯一的问题是，您可能希望将
$（此）
作为您的
addClass
调用的目标，而不是调用
#generalView
的子标签，如果您对此有疑问，只需在您不确定的页面上的控制台中测试它们-无需使用警报：）。道歉，如果这是不太相关，但现在编辑！这听起来很合理，我试过了，但没有成功。里面的代码不工作。我甚至试着只选择
标签，但效果不好。似乎即使在我调用
preventDefault（）
时，代码也不起作用，正如我在问题中所说的，我已经尝试过了，但没有起作用thanks@G.Rocha我想我对你的问题有点困惑。假设你点击了链接1，那么这个链接应该是唯一的红色链接。然后，如果你点击链接2，那么这个链接应该是唯一一个红色的，以此类推。。。这就是你想要的吗？因为我的代码就是这么做的。我想这样做。问题是选择不起作用，所以我的所有javascript代码都没有运行。所以我想知道为什么选择不起作用。@G.Rocha但我的代码正是您想要的。我的代码有什么问题？你测试过我的代码吗？