javascript - 繰り返さずにエレガントに似たステートメントを設定する

Question

私はJavaScriptの次のコードを使用して、idのクラスを設定しています。毎回div、ボーダークラスを使用するのは1つだけです。

 if (counter) {
            $('#car1').addClass('border');
            $('#car2').removeClass('border');
        }
        else {
            $('#car2').addClass('border');
            $('#car1').removeClass('border');
        }

counterその単なるブール変数、何でもかまいません...

もっとエレガントにできますか？

Answer 1

がブール値の場合counter、toggleClassのスイッチとして使用できます。

$('#car1').toggleClass('border', counter);
$('#car2').toggleClass('border', !counter);

--ドキュメント->

.toggleClass（className、switch）

"switch"：ブール値クラスを追加するか削除するかを決定するブール値（true / falseだけではありません）。

Answer 2

ケースステートメントはどうですか

switch(counter)
{
  case 1:
   $('#car1').addClass('border');
   $('#car2').removeClass('border');
   break;
  case 2:
    $('#car2').addClass('border');
    $('#car1').removeClass('border');
   break;
  default:
   ....
}