クラス .g1 から .g5 を持つ Web サイト用の小さな流体グリッド システムを作成しています。
これらのクラスのいずれかを持つすべての要素を取得し、そのクラスのみを削除してコンテナーにラップし、削除されたクラスを新しいコンテナーに追加します。問題は、要素がどのクラスで識別されたかを調べて、同じものをコンテナに追加する方法がわからないことです。
要素間に固定マージンを追加できるようにするためにこれを行っています。
クラス .g1 から .g5 を持つ Web サイト用の小さな流体グリッド システムを作成しています。
これらのクラスのいずれかを持つすべての要素を取得し、そのクラスのみを削除してコンテナーにラップし、削除されたクラスを新しいコンテナーに追加します。問題は、要素がどのクラスで識別されたかを調べて、同じものをコンテナに追加する方法がわからないことです。
要素間に固定マージンを追加できるようにするためにこれを行っています。
別の要素に追加するには、削除したクラスを覚えておく必要がありますか? すでにjqueryデータhttp://api.jquery.com/jQuery.data/を試しましたか?
$(this)
どの要素がクリックされたかを見つけるために使用できます。単純にそのクラスを削除してクラスに追加conatiner
または追加するよりも.container
$("div[class^=g]").click(function(){
var cls=$(this).attr("class");
$(this).revoveClass($(this).attr("class"));
$("#container").addClass(cls)
})
正規表現を使用して取得できます。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());
}
});
});