Question

使用jQuery，我如何获得名为div1的div的当前类？

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

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

如果你想找一个有1个以上课程的div，试试这个：

HTML：

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

Jquery的：

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

输出中：

true

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

11 个答案: