Javascript jQuery Div内部Div

我正在尝试使用jQuery显示照片库。这是我的代码：

<script>
      $("#vsetky").click(function(){
  $("#obrazky").show();
}); 
      $("#c").click(function(){
  $("#cervene").show();
});
</script> 

<div id="obrazky">
  <div id="cervene">
    <img src="1.png">
    <img src="1.png">
  </div>
  <div id="zlte">
    <img src="2.png">
    <img src="2.png">
  </div>
  <div id="zelene">
    <img src="3.png">
    <img src="3.png">
  </div> 
</div>

---

我试过其他方法，但都不管用。请帮帮我-我做错了什么？

你的css是什么样子的？如果#obrazky和#cervene都有display:none，那么当您单击#c时，您只是从#cervene中删除display:none规则，而不是它的父包装div#obrazky

编辑： 您需要将css更改为隐藏#cervene、#zlte和#zelene，然后使用javascript分别显示和隐藏它们。如果元素的父元素具有display:none，那么使用javascript对其进行“show（）”并不意味着什么，因为您没有从父元素中删除display:none

<script>
    $("#vsetky").click(function(){
        $("#cervene, #zlte, #zelene").show();
    }); 
    $("#c").click(function(){
        $("#cervene").show();
    });
</script> 

<style>
    #obrazky {display:inline-block;}
    #cervene, #zlte, #zelene {display:none;}
</style>

<div id="obrazky">
    <div id="cervene">
        <img src="1.png">
        <img src="1.png">
    </div>
    <div id="zlte">
        <img src="2.png">
        <img src="2.png">
    </div>
    <div id="zelene">
        <img src="3.png">
        <img src="3.png">
    </div> 
</div>

$（“#vsetky”）。单击（函数（）{
$（“#cervene，#zlte，#zelene”）.show（）；
}); 
$（“#c”）。单击（函数（）{
$（“#cervene”）.show（）；
});
#obrazky{display:inline block；}
#cervene，#zlte，#zelene{显示：无；}

上述示例中没有id为“c”的元素。元素“c”在哪里？这不是完整代码。。我认为id为#c的链接并不重要。您可以验证#c的单击侦听器是否正在实际执行吗？#cervene没有任何CSS#obrazky{显示：内联块；页边距顶部：100px；宽度：700px；显示：无；}

<script>
    $("#vsetky").click(function(){
        $("#cervene, #zlte, #zelene").show();
    }); 
    $("#c").click(function(){
        $("#cervene").show();
    });
</script> 

<style>
    #obrazky {display:inline-block;}
    #cervene, #zlte, #zelene {display:none;}
</style>

<div id="obrazky">
    <div id="cervene">
        <img src="1.png">
        <img src="1.png">
    </div>
    <div id="zlte">
        <img src="2.png">
        <img src="2.png">
    </div>
    <div id="zelene">
        <img src="3.png">
        <img src="3.png">
    </div> 
</div>