jquery - addClass 多个类不适用于选择

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;}

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

score 0 · Accepted Answer

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

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

1 回答 1