Jquery用父类隐藏图像

Question

考虑这个HTML：

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

我想使用Jquery隐藏其中一个按钮：

$('span.leagueTogglehome img#Up').hide();
$('span.leagueTogglehome img#Down').hide();

实际发生的是隐藏了另外两个带有“向上”和“向下”ID的图像。它们位于不同类的容器中，为什么它们被隐藏而不是我打算隐藏的两个容器。我甚至包含了我想要隐藏的按钮的父包含的类。

这没有意义吗？

'其他'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>

Answer 1

根据w3，id是supposed to be unique per html page。

Here是jquery本身所说的用id进行选择：

  

每个id值只能在文档中使用一次。如果为多个元素分配了相同的ID，则使用该ID的查询将仅选择DOM中的第一个匹配元素。但是，不应依赖此行为;使用相同ID的多个元素的文档无效。

所以我猜你在尝试修改之前在dom中出现了“其他img标签”？

Answer 2

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