Question

查看本页顶部的灰色StackOverflow链接。徽标右侧的那些。他们说“问题”，“标签”，“用户”，“徽章”和“未答复”。请注意“问题”链接是橙色的，因为您正在查看我的问题。

我有5个链接，点击后，做jQuery的事情。他们不会将您重定向到另一个页面。

<a class="english"></a>
<a class="science"></a>
<a class="languages"></a>
[ect.]

我想要的只是在我点击的链接中添加selected类。然后，一旦我点击另一个链接，删除第一个链接的原始selected类，并将其添加到我单击的新链接。

例如，如果我点击<a class="english"></a>，请向其添加selected课程。

然后，当我点击<a class="science"></a>时，请从selected移除<a class="english"></a>课程，并将selected课程添加到<a class="science"></a>。

提前致谢！：

Answer 1

像这样（未经测试）：

$('a').click(function() {
  $('.selected').removeClass('selected'); // remove all 'selected' classes
  $(this).addClass('selected');           // add selected class to clicked item
});

请注意，这会影响所有锚标记。要更加具体到“菜单”项，您可能需要为$('a')

使用更具体的选择器

修改

当你遇到问题时，我创建了这段代码的小提琴here。每次单击项目时都可以看到文本颜色。

Answer 2

当clicking链接时，您可以获取container，remove selected类中的所有链接，然后add {{3}} {{3}} 1}}类到selected链接刚刚点击。

Answer 3

您需要的jquery方法是addClass和removeClass

<div class='english selectable'>English</div>
<div class='french selectable'>French</div>

$(".selectable").click(function(){
    $(".selected").removeClass("selected");
    $(this).addClass("selected");
});

在此处试试：http://jsfiddle.net/p4sVN/

jQuery，类似导航的样式链接

3 个答案: