Jak mogę uzyskać aktualną klasę div z jQuery?

Question

Używając jQuery, jak mogę uzyskać aktualną klasę div o nazwie div1?

Answer 1

Po prostu atrybut Klasa:

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

Przykład

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

Aby sprawdzić powyżej div dla klas zawartych w nim

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

wyjście konsola

accordion accordion_active 

Answer 2

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

Answer 3

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

zwróci ciąg klas. Włącz go na tablicę nazw klas

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

Answer 4

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

Answer 5

spróbować

$ ("# div1"). Attr ("Klasa")

Answer 6

Wystarczy

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

Możesz zrobić inne rzeczy do manipulowania klasą elementu

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

Answer 7

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

lub

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

classname bieżącego elementu

Answer 8

Od teraz lepiej jest użyć funkcji .prop() zamiast .attr() jeden.

Tutaj dokumentacji jQuery:

Jak jQuery 1.6, metoda .attr() zwraca niezdefiniowane dla atrybutów , które nie zostały ustawione. Ponadto, .attr() nie powinno być używane na zwykłych obiektach, tablicach, oknach lub dokumencie. Aby pobrać i zmienić właściwości DOM, użyj metody .prop().

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

Answer 9

Sposób addClass w jQuery ma currentClass zbudowany w. Można go używać wewnątrz wywołania funkcji.Tak:

<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 10

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

jeśli jest to pierwszy div następnie rozwiązać go tak:

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

alternatywnie to zrobić:

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

otrzymuje on następujące wyniki:

div CSS class: my_class 
alternative way: my_class 

Answer 11

jeśli chcesz wyglądać na div, który ma więcej niż 1 klasa spróbuj tego:

HTML:

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

jQuery:

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

ouput:

true