Jquery addClass多个不在select上工作的类

我有一个替代数组，它在我的模型中采用

shift\u类型

，如下所示：

  SHIFT_TYPES = %w(Half Full Semi-Foo)

在我看来，我的观点如下

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

在css中，它被设置为

.Half{ background-color: green;
}

.Full{ background-color: #ff0000;}

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

---

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

你试过这样的东西吗：

$（“#医院#预约#班次#类型”）。更改（功能（）{
$（this）.closest（'td'）.removeClass（'Half-Full Semi-Foo'）.addClass（$（this）.val（））
})

所以这可能是Rails的问题，也可能是JavaScript的问题。除了视图之外，向我们展示呈现的HTML是什么样子。@Cymen-不，我没有尝试过这个，但是我注意到我现在用上面的当前代码得到了以下输出-。我也尝试过上述方法，因为你认为这不起作用

.Half{ background-color: green;
}

.Full{ background-color: #ff0000;}

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