如何使用jQuery获取div的当前类？

Question

使用jQuery,我怎样才能得到一个div的当前类div1？

Answer 1

只需获取class属性:

var div1Class = $('#div1').attr('class');

例

<div id="div1" class="accordion accordion_active">

检查上面的div中包含的类

var a = ("#div1").attr('class'); 
console.log(a);

控制台输出

accordion accordion_active

Answer 2

简单地说

var divClass = $("#div1").attr("class")

你可以做一些其他的东西来操纵元素的类

$("#div1").addClass("foo"); // add class 'foo' to div1
$("#div1").removeClass("foo"); // remove class 'foo' from div1
$("#div1").toggleClass("foo"); // toggle class 'foo'

Answer 3

$('#div1').attr('class')

将返回一个类的字符串.把它变成一个类名数组

var classNames = $('#div1').attr('class').split(' ');

Answer 4

从现在开始,最好使用.prop()函数而不是.attr()函数.

这里是jQuery文档:

从jQuery 1.6开始,.attr()方法为尚未设置的属性返回undefined.此外,.attr()不应用于普通对象,数组,窗口或文档.要检索和更改DOM属性,请使用.prop()方法.

var div1Class = $('#div1').prop('class');