0

jquery変数で条件を設定するjqueryに三項条件演算子を書きたいです。私のスクリプトは、特定の条件のみのクラスを切り替えます。私のスクリプト変数では、他の設定から来ています。

jquery:

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

my_colorから一度に 1 つの値を持つことができる jquery 変数ですred,green,blue,black,white or silver。

my_color赤、青、または緑の場合はクラスを水平に設定し、他の3つの値の場合はクラスを垂直に設定したいと思います。上記のjqueryの単純化された三項演算子を書くのを手伝ってくれる人はいますか?

4

1 に答える 1

3

演算子の条件部分で 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');
于 2013-01-30T09:14:38.303 に答える