在课堂上替换第一次出现

Question

<div class="section truck edit-track truck-army truck-ambulance"></div>

如何仅将第一个truck替换为truck garage-active？

我们应该得到这个：

<div class="section truck garage-active edit-track truck-army truck-ambulance"></div>

不是这个：

<div class="section truck edit-track truck-army truck-ambulance garage-active"></div>

jQuery .addClass()只是在类名的末尾添加了一个新类，所以它没有帮助 - http://jsfiddle.net/xxbnt/

需要使用正确的 CSS类链接样式。

Answer 1

<div class="truck garage-active edit-track truck-army truck-ambulance"></div>

与

相同

<div class="truck edit-track truck-army truck-ambulance garage-active"></div>

班级名称的顺序并不重要。

使用addClass()，您的代码完全没问题。

<强>更新

正如Blazemonger指出的那样，只有当你做

这样的事情时，顺序才有意义

$(".truck")[0].className.split(' ')[1]

这将要求garage-active在truck之后。在所有其他情况下，你没有问题。