これにはjQueryの魔法はないと思うので、私の解決策は次のとおりです。
$('[class*=col]').each(function() {
this.className = $.grep(this.className.split(' '), function(el) {
return !/^col/.test(el);
}).join(' ');
});
フィドル
基本的に、クラスにある要素を選択してcol
反復処理し、クラスを反復処理して、で始まる要素を削除しますcol
。
または正規表現なし:
$('[class*=col]').each(function() {
this.className = $.grep(this.className.split(' '), function(cl) {
return cl.lastIndexOf('col', 0);
}).join(' ');
});
フィドル
この回答の修正版を使用します。クラスが偽の値で始まる場合lastIndexOf
に返されるため、それを削除します。クラスが で始まらない場合、真の値である が返されます。少し読みやすくするためにも使用できます。0
col
grep
col
-1
return cl.lastIndexOf('col', 0) !== 0;
または正規表現のみを使用:
$('[class*=col]').each(function() {
this.className = this.className.replace(/(^| )col[^ ]*/g, '');
});
フィドル
文字列の先頭またはスペースの後に一致col
し、別のスペースまたは文字列の末尾までのすべての先頭文字と共にそれを削除します。
参照
もちろん、このセレクターは最適ではありません。要素に がfoocol
ある場合は$('[class*=col]')
それを選択しますが、$.grep
/regex は で始まらないため削除しませんcol
。より良いセレクターは考えられません (スペースで区切られたリストの部分的な文字列で始まる値を選択する属性セレクターはありません) にもかかわらず、これで十分です。