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

Multiple conditions in jquery ternary conditional operator

本文关键字：条件 条件运算符 三元 jquery      更新时间：2023-09-26

我想在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编写简化的三元运算符？

在运算符的条件部分中使用 or 运算符。你你的会

<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');
相关文章：