Как я могу получить текущий класс div с jQuery?

Ответ 1

Просто получите атрибут класса:

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

Пример

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

Чтобы проверить приведенный выше div для содержащихся в нем классов

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

консольный вывод

accordion accordion_active

Ответ 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'

Ответ 3

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

вернет строку классов. Поверните его в массив имен классов

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

Ответ 4

С этого момента лучше использовать функцию .prop() вместо .attr().

Здесь документация jQuery:

Как и в jQuery 1.6, метод .attr() возвращает undefined для атрибутов которые не были установлены. Кроме того,.attr() не следует использовать в простые объекты, массивы, окно или документ. Для извлечения и измените свойства DOM, используйте метод .prop().

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

Ответ 5

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

Ответ 6

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

Ответ 7

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

или

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

имя класса текущего элемента

Ответ 8

В методе addClass в jQuery встроен 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>

Ответ 9

попробуйте это

$( "# div1" ). Атр ( "класс" )

Ответ 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

Ответ 11

если вы хотите найти div, который имеет более 1 класса, попробуйте это:

Html:

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

Jquery:

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

Ouput:

true