addClass多个类不能用于select

Question

我有一个替代数组，在我的模型中接受shift_types，如下所示：

  SHIFT_TYPES = %w(Half Full Semi-Foo)

在我看来，我在下面

<%= f.select(:shift_type, HospitalBooking::SHIFT_TYPES.each_with_index { |e,i| [i,e] }) %>

我想要实现的是，根据选择的班次类型，表格单元格的背景会发生变化。所以我所做的就是尝试在我的application.js

中执行以下操作来使用.addclass

$('.rota td').addClass("Half Full Semi-Foo");

并在css中将其设置为

.Half{ background-color: green;
}

.Full{ background-color: #ff0000;}

.Semi-Foo { background-color: #ffff00;}

我确信这个设置是正确的。但是，当我进行预订并选择班次类型时，表格单元格不会改变。

Answer 1

你有没有试过这样的事情：

$("#hospital_booking_shift_type").change(function(){
  $(this).closest('td').removeClass('Half Full Semi-Foo').addClass($(this).val())
})