javascript - 显示和隐藏 div : SVG Into a html with several layers

Question

我制作了一个 Svg，现在我正在变成一个 HTML。我正在使用 Jquery 来显示和隐藏 div。我有大约 200 个 div。我使用的是按钮，因此，当我单击一个 div 时，我必须显示特定的 div，但我需要隐藏所有其他的 div。我觉得不是大神在这里一一列举。我可以显示特定的 div 并隐藏所有其他的吗？？

我正在使用这个:

$(document).ready(function(){
   $("#div1,#div3,#div2").click(function(){
   $('#div4,#div5,#div6,#div7').show(1000);
   // I need to hide all other divs, the 193 left...
   $('').hide(1000);
   });
});

Answer 1

给你需要一次隐藏所有的 div 一个“类”而不是一个“id”。

https://css-tricks.com/the-difference-between-id-and-class/

$(document).ready(function(){
   $("#div1,#div3,#div2").click(function(){
   $('#div4,#div5,#div6,#div7').show(1000);
   // I need to hide all other divs, the 193 left...
   $('.generalClassName').hide(1000);
   });
});