javascript - jquery三元条件运算符中的多个条件

Question

我想在 jquery 中编写三元条件运算符，其中条件由 jquery 变量设置。我的脚本切换类仅适用于特定条件。在我的脚本变量中，来自其他设置。

jQuery：

<script type="text/javascript">
$(document).ready(function() {
  $("#my_div")
    .removeClass("horizontal vertical")
    .addClass( my_color == 'red'  ? 'horizontal' : 'vertical');
});
</script>

my_color是 jquery 变量，它可能一次只有一个值red,green,blue,black,white or silver。

my_color如果是红色、蓝色或绿色，我想将类设置为水平，对于其他三个值，我想将类设置为垂直。谁能帮我为上面的jquery编写简化的三元运算符？

Answer 1

在运算符的条件部分使用或运算符。你会是

<script type="text/javascript">
  $(document).ready(function() {
    $("#my_div")
        .removeClass("horizontal vertical")
        .addClass( my_color == 'red' ||  my_color == 'blue' ||  my_color == 'green'  ? 'horizontal' : 'vertical');
  });
</script>
 $("#my_div")

如果你有很多颜色，你可以把它们放在数组中并在条件下使用它。

 $("#my_div")
 .removeClass("horizontal vertical")
 .addClass( ['red', 'blue', 'green', 'gray'].indexOf(my_color) != -1 ? 'horizontal' : 'vertical');