jquery - 要素が識別されたクラスを調べる

Question

クラス .g1 から .g5 を持つ Web サイト用の小さな流体グリッド システムを作成しています。

これらのクラスのいずれかを持つすべての要素を取得し、そのクラスのみを削除してコンテナーにラップし、削除されたクラスを新しいコンテナーに追加します。問題は、要素がどのクラスで識別されたかを調べて、同じものをコンテナに追加する方法がわからないことです。

要素間に固定マージンを追加できるようにするためにこれを行っています。

Answer 1

別の要素に追加するには、削除したクラスを覚えておく必要がありますか? すでにjqueryデータhttp://api.jquery.com/jQuery.data/を試しましたか？

Answer 2

$(this)どの要素がクリックされたかを見つけるために使用できます。単純にそのクラスを削除してクラスに追加conatinerまたは追加するよりも.container

$("div[class^=g]").click(function(){
var cls=$(this).attr("class");
$(this).revoveClass($(this).attr("class"));
$("#container").addClass(cls)
})

Answer 3

正規表現を使用して取得できます。jsfiddle

$(document).ready(function(){   
  $("div[class*='g']").each(function(){      
        var cls = this.className.match(/g\d{1}\s/);
        if(cls){
            $(this).removeClass(cls[0].trim());
        }
    }); 
});​