如果<div>有id:

​<div id="test" class="my-custom-class"></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

.．.你可以试试:

var yourClass = $("#test").prop("class");

如果你的<div>只有一个类，你可以尝试:

var yourClass = $(".my-custom-class").prop("class");

如果<div>有id:

​<div id="test" class="my-custom-class"></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

.．.你可以试试:

var yourClass = $("#test").prop("class");

如果你的<div>只有一个类，你可以尝试:

var yourClass = $(".my-custom-class").prop("class");

在javascript或jquery中获取类名的最佳方法

Attr()属性函数用于获取和设置属性。

得到类

jQuery('your selector').attr('class');  // Return class

检查类是否存在

The hasClass() method checks if any of the selected elements have a specified class name.

 if(jQuery('selector').hasClass('abc-class')){
        // Yes Exist
    }else{
        // NOt exists
    }

设置类

jQuery('your selector').attr('class','myclass');  // It will add class to your selector

使用jQuery点击按钮获取类

jQuery(document).on('click','button',function(){
     var myclass = jQuery('#selector').attr('class');
});

如果选择器没有任何类使用jQuery添加类

if ( $('#div-id' ).hasClass( 'classname' ) ) {
        // Add your code
    }

使用into元素将第二个类转换为多个类

Change array position in place of [1] to get particular class.

var mysecondclass = $('#mydiv').attr('class').split(' ')[1];

试一试

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>

像这样使用:-

$(".myclass").css("color","red");

如果您使用过这个类不止一次，那么请使用每个操作符

$(".myclass").each(function (index, value) {
//do you code
}

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

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

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