javascript - 设置优雅相似的语句而不重复它

Question

我正在使用 JavaScript 中的下一个代码为 id 设置类，每次我只想要一个div带有边框类的时候：

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

counter它只是一个布尔变量，可以是任何东西......

我想知道，我可以做得更优雅吗？

Answer 1

ifcounter是一个布尔值，您可以将其用作 toggleClass 的开关：

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

--文档->

.toggleClass（类名，开关）

"switch" : Boolean 一个布尔值（不仅仅是真/假），用于确定是否应该添加或删除类。

Answer 2

案例陈述如何

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