Jquery隐藏类显示单个div

我有一个动态生成的div列表，如下所示

<div class="Foo">
  <div class ="Bar" id ="Something{X}">  // Where {X} is a counter i.e "Something1" , "Something2"
  <p>some stuff</p>
  <form>
    <input />
  </form>
</div>

$('.Foo').hide();

很明显，它隐藏了我所期望的所有div。但是，我想要的是能够单击div上方的链接，从而可以取消隐藏单个div

现在，对于一个我知道的类，我通常只使用$（'.Foo'）.show（）；他们都会表现出来

但是，执行以下操作不起作用

$("#Something1").show(); 

---

jQuery是否允许隐藏所有内容，然后显示单个项？或者我是不是搞错了？

您的问题是您正在隐藏父容器，而父容器一直处于隐藏状态

试着隐藏你的“酒吧”

$（'.bar'）.hide（）

然后
$（“something1”）.show（）
您的问题是您正在隐藏父容器，而父容器一直处于隐藏状态

试着隐藏你的“酒吧”

$（'.bar'）.hide（）

然后
$（“something1”）.show（）
您正在用类foo隐藏父div；因此，您需要显示该div

$("#Something1").parent().show(); 

您正在用foo类隐藏父div；因此，您需要显示该div

$("#Something1").parent().show(); 

而不是：

$(".foo").hide();

应该是：

$(".bar").hide();

然后通过以下方式重新打开一个：

$("#Something1").show();

您隐藏了父容器，然后试图打开它的一个子容器，因此无法看到它。
而不是：

$(".foo").hide();

应该是：

$(".bar").hide();

然后通过以下方式重新打开一个：

$("#Something1").show();

您隐藏了父容器，然后试图打开它的一个子容器，因此您无法看到它。
您的HTML似乎缺少一个close Div标记（对于一个或另一个，很难说）。您的HTML似乎缺少一个close Div标记（对于一个或另一个，很难说）。