如何在视图中创建比决定它的逻辑更高的效果？

Question

我的视图中有一个简单的 if 语句，它返回 x = 0 或 1。基于这个简单的结果，我想更改包含整个部分的 div 的样式。

<div>
  conditional that returns x=1 vs x=0 (and a few displayed items)
  based on this loop, restyle the div
</div>

假设，如果 x = 1，我想要设置背景颜色：rgb(210,215,220);

我怎样才能做到这一点？我对 Javascript 没有经验，但我确信所需的任何代码都会非常简单。谢谢你！

Answer 1

将 ID 添加到您的 DIV，如下所示：

<div ID="colorThis">
  conditional that returns x=1 vs x=0 (and a few displayed items)
  based on this loop, restyle the div
</div>

然后执行以下操作：

if(x==1)
{
  ​document.getElement​ById('colorThis').style.background = 'rgb(210,215,220)'​​​​;​​​​​​​​​​​​​​
}

Answer 2

<script>
if(x==1)
{
$("#divid").css("background-color","rgb(210,215,220)");
}
</script>

包含 jQuery，并将 div 的 id 赋予 div