我怎样才能得到当前类的div与jQuery？

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

Answer 1

只要获得类属性：

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

例

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

检查上面的分区中包含的类

 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') 

将返回一个类的string。 把它变成一个类名的数组

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

Answer 4

从现在开始，最好使用.prop（）函数而不是.attr（）函数。

这里的jQuery文档：

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

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

Answer 5

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

Answer 6

 var classname=$('#div1').attr('class') 

Answer 7

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

要么

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

当前元素的类名

Answer 8

jQuery中的addClass方法有一个内置的currentClass，你可以在函数调用中使用它。 像这样：

 <div>First div</div> <div class="red">Second div</div> <div>Third div</div> <div>Fourth div</div> <script> $("div").addClass(function(index, currentClass) { var addedClass; if ( currentClass === "red" ) { addedClass = "green"; } return addedClass; }); </script> 

Answer 9

尝试这个

$（ “＃DIV1”）。ATTR（ “类”）

Answer 10

 <div id="my_id" class="my_class"></div> 

如果这是第一个div，那么解决它是这样的：

 document.write("div CSS class: " + document.getElementsByTagName('div')[0].className); 

或者这样做：

 document.write("alternative way: " + document.getElementById('my_id').className); 

它产生以下结果：

 div CSS class: my_class alternative way: my_class 

Answer 11

如果你想寻找一个多于一个class级的股票，请试试这个：

HTML：

 <div class="class1 class2 class3" id="myDiv"> 

jQuery的：

 var check = $( "#myDiv" ).hasClass( "class2" ).toString(); 

输出继电器：

true