试一试

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>

如果<div>有id:

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

.．.你可以试试:

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

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

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

像这样使用:-

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

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

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

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

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

在通过类以外的其他方式将元素获取为jQuery对象后，然后

var className = $('#sidebar div:eq(14)').attr('class');

应该能行。ID使用.attr(' ID ')。

如果你在事件处理程序或其他jQuery方法中，其中元素是没有包装器的纯DOM节点，你可以使用:

this.className // for classes, and
this.id // for IDs

两者都是标准的DOM方法，在所有浏览器中都得到了良好的支持。

你可以通过两种方式获取类Name:

var className = $('.myclass').attr('class');

OR

var className = $('.myclass').prop('class');