How can removed class Second
and add new class Third
?
I try as, but this don't work:
<div class="First Second"></div>
$('div').removeClass().split(" ")[1].addClass('Third');
How can removed class Second
and add new class Third
?
I try as, but this don't work:
<div class="First Second"></div>
$('div').removeClass().split(" ")[1].addClass('Third');
$('div').removeClass('Second').addClass('Third');
この場合、jQueryドキュメントはあなたの友達です。removeClass()
パラメータ(クラス名)を取ります。だからそれをに変更します
$('div').removeClass('Second').addClass('Third')
これを試して
$('div').removeClass('Second').addClass('Third');
動的にしたい場合は、次を試してください。
var divList = document.getElementsByTagName( 'div' );
var i;
for ( i = 0; i < divList.length; i++ ) {
var thisDiv = divList[i];
var classList = thisDiv.className.split(/\s+/);
$( thisDiv ).removeClass( classList[1] ).addClass( 'Third' );
}