Javascript 创建动态项目列表并根据用户订阅显示项目

我希望创建一个2列的动态项目列表，但是列表项目将根据用户订阅级别显示，其他未订阅的项目将被隐藏

例如— 名单上有10支球队

项目列表

你的电视选择阵容
[第A1栏]
[第B1栏]
[第A2栏]
[第B2列]
[第A3栏]
[第B3列]
[第4栏]
[第B4栏]
[第5栏]
[第5栏]

除非您真的想使用表，否则有另一种方法。（这只能部分回答这个问题，因为我不是在爱尔兰时间凌晨2点编写javascript）

请参阅下面的代码片段。。通过创建一个包含两列的列表，可以创建一个列表，然后通过使用“hidden”类将可见性设置为hidden来隐藏元素。我将“桌子”的一侧设为6行，然后将第一行隐藏起来开始，否则背景颜色会变差/不均匀。隐藏列表项时，它不会影响背景颜色的布局，只是不要使用display:none

#选择{
文本对齐：居中；
宽度：640px；
字体系列：“开放式Sans”，Arial，Helvetica；
线高：1.5；
}
保险商实验室{
利润上限：-20px；
列表样式类型：无；
列数：2；
文本转换：大写；
}
.隐藏{
可见性：隐藏；
}
李：第n个孩子（2n）{
背景色：#f5f7；
}

你的电视选择

列a1
第a1列
col a2
第a3列
第a4列
第5列
列a1
柱b1
第b2列
柱b3
col b4
col b5

无论订阅了多少，您基本上都想要一个两列的列表，还是您能澄清什么构成了a还是B？嗨，Rachel，谢谢您的重播。实际上，我希望最大项为10，最小项为0，A，B仅用于第1列和第2列前缀xhi-Rachel，只是为了澄清我在JavaScript中查找代码的原因，将在列表中显示的项将随机选择，可能是0或小于等于10。只有使用css才很难做到这一点。但是再次感谢您，您可以将CSS与JavaScript结合使用。但我现在不能做，还有很多事情要做。希望你能解决。如果可以的话，我以后可能会回来找你。