2013-02-26 92 views
-6
<div class="section truck edit-track truck-army truck-ambulance"></div> 

如何仅替换第一个trucktruck 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类链接样式。

+10

我看不出'addClass'有什么问题,因为它会产生相当于显示的输出。 – 2013-02-26 17:39:20

+1

-1:“它根本没有帮助” - 这显然是错误的。在发布到SO之前,请验证问题是否存在。 – millimoose 2013-02-26 17:40:30

+0

@WaleedKhan ** Are you sure?** http://jsfiddle.net/xxbnt/ – Jasper 2013-02-26 17:41:57

回答

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后。在所有其他情况下,你没有任何问题。

+0

拆分将不会与更新的问题 – Jasper 2013-02-26 17:46:51

+0

@Steve我只是指出你的情况,使用'split'不会解决你的问题。 :) – ATOzTOA 2013-02-26 17:48:03

相关问题