jQueryで現在の要素のクラスを取得

Question

​<button id="test" class="example whatever">Show classes</button>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

$('button').click(function(){ 
    var classes = $(this).attr('class'); 
    alert(classes); 
});​ 

上記のコードはclass属性の内容を返します。フォーマットされたクラスを返すにはどうしたらいいですか？

たとえば、この場合、変数classesの値をexample whateverの代わりに.example.whateverにします。

私は検索しましたが、提供されたと思われる唯一の解決策は、私が上で示したコードです。

Answer 1

クラスは本当に積み重ねられていないときにピリオドとスペースを交換して、積み重ねられたクラスの表現を与えるので、私は、このことについては本当にとても不安なんだけど、ここに行く：

// class="foo bar fiz buz" -> .foo.bar.fiz.buz 
this.className.replace(/^|\s/g , "."); 

デモ：http://jsbin.com/awitef/edit#javascript,html

Answer 2

$('button').click(function(){ 
    var classes = $(this).attr('class'); 
    alert("." + classes.split(" ").join(".")); 
}); 

ここフィドル：。http://jsfiddle.net/wxDEh/3/