Jquery使用父类隐藏图像

考虑以下HTML：

<span class="leagueTogglehome">
 <img src="/images/formLeagueAll.png" id="Up" class="homeLeagueSwitch" />
 <img src="/images/formLeague.png" id="Down" class="homeLeagueSwitch" />
</span>

实际情况是，另外两个id为“Up”和“Down”的图像被隐藏。它们在一个不同类的容器中，那么为什么它们被隐藏而不是我想要隐藏的两个呢。我甚至为我想要隐藏的按钮包含了父类

这毫无意义，是吗

“其他”img标签：

<span class="toggle" id="home">
 <img src="/images/formHomeUp.png" id="Up" class="homeToggleResults"/>
 <img src="/images/formHomeOverallUp.png" id="Down" class="homeToggleResults"/>
</span>

---

根据w3，

id

是

这就是jquery本身对使用id进行选择的说明：

每个id值在文档中只能使用一次。如果为多个元素分配了相同的ID，则使用该ID的查询将只选择DOM中第一个匹配的元素。然而，这种行为不应该被依赖；包含多个使用相同ID的元素的文档无效

---

因此，我猜“其他img标记”在您试图修改的标记之前出现在dom中？

我所做的是/可能是我自己的错误，我很累并且引用了错误的父DIV。我不知道对于valdi amrk up，页面上的所有ID都必须是唯一的。我认为只有使它们在父项中唯一才是有效的/必要的。

其他标签是什么样子的，你能发布HTML或JSFIDLE的其余部分吗？不同元素中不能有相同的id，你也应该有一节课来上down@Karl-Anderson我已经将“其他”mg标签细节添加到原始postYes中，它出现在我想要隐藏的图像之前。我想如果你给元素一个父元素一个唯一的div，那么你可以保留它，然后限定使用哪个元素ID？@user2056238用“class”替换你的单词“ID”，你就完全正确了。：-）然而，id必须是完全唯一的——一个id正好指向一个元素。

<span class="toggle" id="home">
 <img src="/images/formHomeUp.png" id="Up" class="homeToggleResults"/>
 <img src="/images/formHomeOverallUp.png" id="Down" class="homeToggleResults"/>
</span>