使用JavaScript三元运算符的CSS规则

如何使用javascript三元运算符洗牌div id的css规则，其中条件设置为jquery变量“my_color”

jquery：

<script type="text/javascript">
  $(document).ready(function() {
      $("#my_div")
     .removeClass("horizontal vertical")
     .addClass( ['red', 'blue', 'green', 'gray'].indexOf(my_color) != -1 ? 'horizontal' : 'vertical');
});
</script>

如何使用同一个三元条件运算符洗牌多个css

你的意思是这样的吗

<style>
.float_left { float:left; }
.float_none { float:none; }
</style>
<script type="text/javascript">
  $(document).ready(function() {
      $("#my_div")
     .removeClass("horizontal vertical float_left")
     .addClass( ['red', 'blue', 'green', 'gray'].indexOf(my_color) != -1 ? 'horizontal float_left' : 'vertical float_none');
});
</script>

.float_left{float:left；}
.float_none{float:none；}
$（文档）.ready（函数（）{
$（“我的部门”）
.removeClass（“水平-垂直浮动\左”）
.addClass（['red'，'blue'，'green'，'gray'].indexOf（my_color）！=-1？'horizontal float_left'：'vertical float_none'）；
});

为什么不使用CSS进行此操作：

.horizontal li {
    float: left;
}
.vertical li {
    float: none;
}

---

不客气。那么，你接受我的回答了吗？如果是，请点击绿色勾号，如果不是太麻烦的话！没错，克里斯！只是等待更多的建议。我可以像urs一样添加它，但我想为相同的情况添加更多css规则。

.horizontal li {
    float: left;
}
.vertical li {
    float: none;
}