Jquery 如何添加和删除类？

我知道有很多类似的问题，但我无法从中找出答案

我有一个包含三个项目的列表，在页面的不同部分有三个相关的锚指向这些项目

单击锚定后，我希望相关列表项的锚定获得一个“cur”（用于当前）类，如下所示。同时从其他两个列表项中删除类“cur”

以下是主播：

<a href="#text-3" id="openSidebar"></a>
<a href="#text-5" id="about"></a>
<a href="#twitter-5" id="socialMedia"></a>

名单如下：

<ul class="thumbNav">
<li class="first"><a href="#" class="panel1 cur">1</a></li>    
<li   class=""><a href="#" class="panel2">2</a></li>    
<li class="last"><a href="#" class="panel3">3</a></li></ul>
</ul>

---

所以它们都是各自相关的。

在列表中添加一个共同响应的类

HTML

更新

由于锚定点分散在页面上，请为它们指定一个公共类，并将其用作选择器：

<a href="#text-3" class="opener" id="openSidebar">Side Bar</a>
<a href="#text-5" class="opener" id="about">About</a>
<a href="#twitter-5" class="opener" id="socialMedia">Social</a>

<ul class="thumbNav">
    <li class="first openSidebar"><a href="#" class="panel1 cur">1</a></li>
    <li class="about"><a href="#" class="panel2">2</a></li>
    <li class="last socialMedia"><a href="#" class="panel3">3</a></li>
</ul>

---

“所以它们都分别相关。”“我已经看了两遍，现在你能再告诉我一次吗。。。那么这两者之间的逻辑是什么让你说它们是相关的呢？我看到的唯一一个是

.index（）

一个。当您单击所述锚定之一时，它会从上到下分别影响较低的列表锚定之一。锚定和列表之间是否存在任何其他关系？好的，但您已经说过：“如下图所示”，但下图中没有任何说明。上面的

元素的父元素是什么？它有身份证吗？任何东西你能解释一下你在代码中看到了什么，你发布了什么逻辑来证明它们是相关的吗？（同样……不要在评论中添加注释，而是编辑您的问题！）：）我首先要纠正这样一个事实，即您使用类名就像使用ID一样。为锚定提供相同的类名，这将有助于jQuery。你可以给li的类名相同，虽然不是必需的（因为ul有一个类名）。这是我遇到的问题，问题与我的类似。我不能把它们放在div中，因为它们被锚定在页面的不同部分。你应该在你的问题中提到，我将添加它。谢谢你的回复。但是代码呢？一旦我给了他们所有人一个公共类，代码会有什么变化呢？看起来不错，但不起作用。它成功地删除了类，但没有添加它。

$("#giveItAName a").click(function(){
      $("#thumNav a").removeClass("cur");

      var item = $(this).attr("id");
      $("#thumbNav ." + item + " a" ).addClass("cur");
})

<a href="#text-3" class="opener" id="openSidebar">Side Bar</a>
<a href="#text-5" class="opener" id="about">About</a>
<a href="#twitter-5" class="opener" id="socialMedia">Social</a>

<ul class="thumbNav">
    <li class="first openSidebar"><a href="#" class="panel1 cur">1</a></li>
    <li class="about"><a href="#" class="panel2">2</a></li>
    <li class="last socialMedia"><a href="#" class="panel3">3</a></li>
</ul>

$("a.opener").click(function () {
    $(".thumbNav a").removeClass("cur");
    var item = $(this).attr("id");
    $(".thumbNav ." + item + " a").addClass("cur");
})