ｊQueryでのclassの操作

質問

現在Wordpressに、文字のサイズを「小・中・大」と変えるjQueryを設置しています。
http://az-store.nrym.org/download/extend/jquery-fontsize-switcher/

Wordressではもともとbodyのclassに指定があるのですが、このjQueryを設置すると
removeAttr("class")で削除されてしまいます。
そこで、もともとのClassを活かしたまま文字サイズ変更用のクラスだけを
削除&追加ができればいいのですが、
どうすればよいでしょうか？
ただ、単純に「removeAttr("class")」の記述を削除してしまうと、
文字サイズ変更スイッチを押す度に、クラスが追加され続けるのでそれは避けたいです。

$(function(){
var currentstyle = readCookie('fontStyle');
if (currentstyle){
switchFont(currentstyle);
};
$("li.sizeL").click(function(){
switchFont("fontL");
return false;
});
$("li.sizeM").click(function(){
switchFont("fontM");
return false;
});
$("li.sizeS").click(function(){
switchFont("fontS");
return false;
});
});
function switchFont(className){
$("body").removeAttr("class").addClass(className);
createCookie('fontStyle', className, 365);
};
// cookie script http://www.quirksmode.org/js/cookies.html
function createCookie(name,value,days){
if (days){
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name){
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++)
{
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

回答No.1

think49 · ベストアンサー

$("body").removeClass("fontL fontM fontS").addClass(className); で動作しました。

.removeClass() – jQuery API
http://api.jquery.com/removeClass/

ただ、http://az-store.nrym.org/download/extend/jquery-fontsize-switcher/jquery-fontsize-switcher/switch.js にはライセンスの記載がなく、改変可能かわからないので、作者さんに連絡を取ってみてください。
ここのURLを渡して改変許可をもらうのが筋だと思います。

# http://az-store.nrym.org/ の連絡フォームやTwitter http://twitter.com/sakatori で連絡が取れそうです。

お礼

ありがとうございます。
そうですね、改変に関して作者様に連絡してみたいと思います。
ご丁寧に教えて頂きありがとう御座いました。