求指导js数据结构 动态修改数组

Question

js小白，被迫写的页面，因为美工不会bootstrap所以页面让程序员自己写。

要求是：某些操作显示一部分元素，某些操作隐藏一部分元素

我现在是用两个array，showArray，hideArray，然后jquery检测到动作，把要显示或者隐藏的id放到对应的showArray和hideArray里面，再调用一个函数遍历showArry和hideArray用.css("display","none/block")

发现每次要修改showArray和hideArray的时候都要遍历两个数组，把要显示或者隐藏对的放到对应的数组里面，感觉这样好麻烦，有没有好的思路

Answer 1

可以通过指定class，然后通过类选择器进行显示隐藏.

<div class="class1">XXXX</div>
<div class="class1">XXXX</div>
<div class="class1">XXXX</div>
<div class="class2">XXXX</div>
<div class="class2">XXXX</div>
<div class="class2">XXXX</div>

$(".class1").each(function(index,element){
               
        $(this).show();
       //$(this).hide();
               
});

仅供参考