试一试

HTML

<div class="class_area-1">
    area 1
</div>

<div class="class_area-2">
    area 2
</div>

<div class="class_area-3">
    area 3
</div>

jQuery

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script type="application/javascript">
    $('div').click(function(){
        alert($(this).attr('class'));
    });
</script>

为了完成怀特斯托克的答案(这是我找到的最好的答案)，我做了:

className = $(this).attr('class').match(/[\d\w-_]+/g);
className = '.' + className.join(' .');

所以对于" myclass1 myclass2 "，结果将是'。myclass1 .myclass2”

如果你不知道类名，但你知道ID，你可以试试这个:

<div id="currentST" class="myclass"></div>

然后调用它使用:

alert($('#currentST').attr('class'));

如果我们有一个div元素，或者我们想要第一个div元素，我们可以使用

$ (div)[0]。否则，我们需要该元素的id

你可以简单地用，

var className = $('#id').attr('class');

这是为了将第二个类转化为多个类，使用成一个元素

var class_name = $('#videobuttonChange').attr('class').split(' ')[1];