要素内の複数あるclassの中から必要なものだけを削除、もしくはclass名を置き換えたい

Question

タイトルの通りです。

<div class="test t1 test-item-1">
<div class="test t3 test-item-3">
<div class="test t8 test-item-5">
<div class="test t2 test-item-1">

例えば上記のように要素が並んでいた場合

var test= $(".test");
for(var i in test){
//ここで変更したい
}

このように"test"classを全て取得したあと、"test-item-*"classのみをすべて"test-item-2"などに書き換えたい場合、どう書くのが簡潔なのでしょうか？

追記：申し訳ありません。書き方が悪かったので例のコードを変更しました。

Answer 1

もし for を回す事が必須でなければ
.test がついた DIV の class を全部カットしたうえで、class を付け直すのが最も簡潔かもしれません。

<div class="test test-item-1"></div>
<div class="test test-item-3"></div>
<div class="test test-item-5"></div>
<div class="test test-item-1"></div>

<script>
$(function(){
$('.test').removeClass().addClass('test test-item-2');
});
</script>

Comments

[iss]

簡潔にというから頑張ったのに！ｗ

ちなみに追記に対応して簡潔に書くとこんなんなります。
$('.test').removeClass(function(index, className) {return (className.match(/test-item-\S+/g) || []).join(' ')}).addClass('test test-item-2');

はじめの投稿ではclass全消ししてたところを正規表現でtest-item-を含むclassだけ判別して消して削除。

Answer 2

test.each(function(index, element) {
  element.className = 'test test-item-2';
});

https://developer.mozilla.org/ja/docs/Web/API/Element/className

Answer 3

ちゃんとやるならこんな感じです

<script>
$(function(){
  $(".test").each(function(){
    var cl=$(this).prop('classList');
    for(var i=cl.length-1;i>=0;i--){
      var c=cl.item(i);
      if(/^test-item-[^2]/.test(c)) cl.replace(c,'test-item-2');
    }
  });
});
</script>
<div class="test t1 test-item-1">a</div>
<div class="test t3 test-item-3">b</div>
<div class="test t8 test-item-5">c</div>
<div class="test t2 test-item-1">d</div>
<div class="test tx">e</div>
<div class="test ty test-item-3 test-item-4">b</div>