jqueries switchClass有多个类

Question

我正在使用semantic-ui并希望从

切换容器类

six wide column

到

sixteen wide column

与

$( '.grid.slider .six.wide.column' ).switchClass( 'six', 'sixteen', 1000 );
$( '.grid.slider .six.wide.column' ).switchClass( 'six wide column', 'sixteen wide column', 1000 );

两者都不起作用。我得到的第一个

wide column sixteen

没有被css框架正确解释 第二个所有类只用

替换

sixteen

那么如何以正确的顺序切换所有类？

Answer 1

我可能会建议您使用带有函数的jQuery attr：

$( '.grid.slider .six.wide.column' ).attr('class', function(index, attr) {
   return attr.replace('six', 'sixteen');
});