class - 使用链接突出显示多个 div 类

Question

大家好 - 经过无数次搜索，我仍然不确定我正在寻找的术语是什么（看起来很简单）。所以很难尝试找到一些进展......对不起，我现在没有代码可以显示，仍在试图找出解决方案的最佳方向。

我所追求的一个例子可以在www.anishkapoor.com上看到- 基本上我正在尝试创建一个非常相似的导航，其中内容按颜色分类，在单击特定导航链接后它会突出显示（更改颜色）所有具有相同类 ID 的内容。Obviously when a new nav link is selected the current highlighted content will switch to the new class ID. 我也在尝试编写此代码，以便可以轻松地将其应用于 CMS。谢谢你的时间，我希望我有一些意义。

Answer 1

It works, but it's a pretty basic attempt. jsfiddle.net/bH6pg/1
I'm going to apply this to a wordpress so if someone has a better solution for CMS, please inform :-)

 $(".oranges").click(function () {
  $(".orange").addClass("orange_highlight");
  $('.apple').removeClass("apple_highlight");
  $('.banana').removeClass("banana_highlight");
});