Javascript If&；除此之外,；隐藏<；部门>'；s

我觉得我的问题属于这个话题，虽然可能有点复杂：

我有一个单一的包装，将不断可见，并有一个css背景

但是，该div中的元素根据产品价值构成最终的视觉图像

例如：

上段需要使用if&else来根据数据库值隐藏/显示内容，因此，如果例如“header_4”下的数据库行包含“B”，则它将仅显示

B

但同时，如果“header_5”下的行中的值包含“D”，则与上述

同时也将显示

D

我不需要隐藏下面的两个部分，但除此之外，还需要始终显示数据

<!-- ########### UPPER SECTION STARTS ########## -->

<div id="wrp">

<div id="left_top">

<div id="A_LT">
<p>A</p>
</div><!-- end of 'A_LT' -->

<div id="B_LT">
<p>B</p>
</div><!-- end of 'B_LT' -->

<div id="C_LT">
<p>C</p>
</div><!-- end of 'C_LT' -->

<div id="D_LT">
<p>D</p>
</div><!-- end of 'D_LT' -->

<div id="E_LT">
<p>E</p>
</div><!-- end of 'E_LT' -->

<div id="F_LT">
<p>F</p>
</div><!-- end of 'F_LT' -->

<div id="G_LT">
<p>G</p>
</div><!-- end of 'G_LT' -->

</div><!-- end of 'left_top' -->


<div id="right_top">

<div id="A_RT">
<p>A</p>
</div><!-- end of 'A_RT' -->

<div id="B_RT">
<p>B</p>
</div><!-- end of 'B_RT' -->

<div id="C_RT">
<p>C</p>
</div><!-- end of 'C_RT' -->

<div id="D_RT">
<p>D</p>
</div><!-- end of 'D_RT' -->

<div id="E_RT">
<p>E</p>
</div><!-- end of 'E_RT' -->

<div id="F_RT">
<p>F</p>
</div><!-- end of 'F_RT' -->

<div id="G_RT">
<p>G</p>
</div><!-- end of 'G_RT' -->

</div><!-- end of 'right_top' -->


<!-- ########### LOWER SECTION STARTS ########## -->

<div id="left_bottom">

<!-- 
Database returns value and Reveals relevant <div> based on returned value
Example: if database returns the numerical value '2' then the associated <div> for 2 bars is revealed.
<div id="BAR2_LB"><img src="bar2.png" /></div><!-- end of 'BAR2_LB' -->
-->

<div id="BAR0_LB">
<img src="bar0.png" />
</div><!-- end of 'BAR0_LB' -->

<div id="BAR1_LB">
<img src="bar1.png" />
</div><!-- end of 'BAR1_LB' -->

<div id="BAR2_LB">
<img src="bar2.png" />
</div><!-- end of 'BAR2_LB' -->

<div id="BAR3_LB">
<img src="bar3.png" />
</div><!-- end of 'BAR3_LB' -->

</div><!-- end of 'left_bottom' -->


<div id="right_bottom">

<div id="DB_RB">
<p>40</p><!-- Database returned value -->
</div><!-- end of 'DB_RB' -->

</div><!-- end of 'right_bottom' -->

</div><!-- end of 'wrp' -->

<!-- ########### HIDE / REVEAL ENDS ########## -->

A

B

C

D

E

F

G

A

B

C

D

E

F

G

-->
四十

如果有人能够提供帮助，我们将不胜感激

/////////////////////编辑//////////////////////////////////////

感谢您的回复，请尝试进一步澄清

此网站将使用ASP.NET2.0编写（在新的一年中重新开发，但需要按照老板的要求尽快安装此网站。）

我正在考虑使用JavaScript实现隐藏显示功能，但我认为自从发布上述内容以来，我发现了一个更大的问题

这个问题是，我无法找到包含“代码隐藏”文件的站点文件的原始副本（在我之前的chap）

我只有在这个阶段的预编译网站

但是我正在考虑使用JavaScript隐藏和显示部分，然后简单地使用ASP从数据库表中提取数据，但是我对ASP不熟悉，并且弄丢了，特别是因为我的前同事似乎已经删除了原始站点，尽管可能

老兄，这件事我需要帮助

---

感谢所有人。

有什么问题吗？在ajax调用之后，或者在初始页面呈现时，您需要什么帮助？不要将逻辑拖到DOM中，在db查询中进行操作，例如使用排序顺序和特定类，如“active”、“in_active”。我认为您需要在这里提供一些更详细的信息—您如何从数据库中读/写（什么语言/框架）并构建页面？因为当服务器端时，只需写出+“.png”/>