Javascript Jquery在按下按钮时查找一个类的所有实例，并从中删除一个额外的类

抱歉，如果标题让人困惑，我对Javascript和Jquery非常陌生，因此有时很难找到正确的提问方式

情况如下：

我有很多div都有一类缩略图：

<div class="thumbnail">

这个检查工作正常，我可以在点击时弹出一个弹出窗口，像一个符咒一样注册缩略图锚点击

我不知道的是，如何检查缩略图的任何实例，其中也有一个扩展类，并删除该类。我试过这样的方法：

$( ".thumbnail .expanded").removeClass("expanded");

---

在缩略图中单击“检查”，但无效。我不太清楚我在这里遗漏了什么，因此非常感谢您的帮助。谢谢

只需去掉两个类之间的空格，如下所示：

$( ".thumbnail.expanded").removeClass("expanded");

---

只需去掉两个类之间的空格，如下所示：

$( ".thumbnail.expanded").removeClass("expanded");

---

MHardwicks的答案很好&很有效。我投了更高的票

所以你知道，这种方法有效的原因是：

$( ".thumbnail.expanded").removeClass("expanded");

及

不起作用，空间的意思是“另一个类中的类”。所以如果你有

<div class="thumbnail">
  <div class="expanded">Yay, I'm expanded</div>
</div>

耶，我被扩展了

然后，带有空格的代码将删除缩略图内部的展开部分。但是，由于这些类位于同一元素上，因此必须将它们放在一起，例如

.thumbnail.expanded

，以便将其作为目标

---

如果你想了解更多关于CSS选择器的知识，你可以做这个很棒的互动教程。

MHardwicks的答案很好&很有效。我投了更高的票

所以你知道，这种方法有效的原因是：

$( ".thumbnail.expanded").removeClass("expanded");

及

不起作用，空间的意思是“另一个类中的类”。所以如果你有

<div class="thumbnail">
  <div class="expanded">Yay, I'm expanded</div>
</div>

耶，我被扩展了

然后，带有空格的代码将删除缩略图内部的展开部分。但是，由于这些类位于同一元素上，因此必须将它们放在一起，例如

.thumbnail.expanded

，以便将其作为目标

---

如果你想了解更多关于CSS选择器的知识，你可以做这个很棒的互动教程

或者，你可以使用*或~selector:

$（“div.thumbnail[class~='expanded']）。removeClass（“expanded”）

或者，您可以使用*或~selector:

$（“div.thumbnail[class~='expanded']）这是一个非常有用的解释它的“为什么”。非常感谢！这是对“为什么”的一个非常有用的解释。非常感谢！