jquery - 找出元素是由哪个类标识的

Question

我正在为一个网站制作一个小型流体网格系统，该系统将具有 .g1 到 .g5 类。

我想使用其中一个类获取所有元素，仅删除该类，将它们包装在容器中，然后将已删除的类添加到新容器中。问题是，我不知道如何找出元素是由哪个类识别的，并将相同的类添加到容器中。

我这样做是为了能够在元素之间添加固定边距。

Answer 1

您可以使用$(this)来查找我们单击了哪个元素。而不是简单地删除其类并附加到conatiner或添加.container类

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

Answer 2

您可以使用正则表达式。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());
        }
    }); 
});​

Answer 3

您需要记住您删除的类以将其添加到另一个元素？已经尝试过 jquery 数据http://api.jquery.com/jQuery.data/吗？