在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