Come posso ottenere la classe corrente di un div con jQuery?

Question

Utilizzando jQuery, come posso ottenere la classe corrente di un div chiamato div1?

Answer 1

Basta avere l'attributo di classe:

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

Esempio

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

Per controllare il div sopra per classi contenute in esso

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

output della console

accordion accordion_active 

Answer 2

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

Answer 3

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

restituirà una stringa delle classi. Trasformarlo in un array di nomi di classe

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

Answer 4

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

Answer 5

provare questo

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

Answer 6

Semplicemente

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

Puoi fare altre cose per manipolare la classe dell'elemento

$("#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'); 

o

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

il nome classe dell'elemento corrente

Answer 8

Da ora in poi è meglio usare la funzione .prop() anziché il .attr() uno.

Qui la documentazione jQuery:

Come di jQuery 1.6, il metodo .attr() restituisce undefined per gli attributi che non sono stati impostati. Inoltre, .attr() non deve essere utilizzato su oggetti semplici, array, la finestra o il documento . Per recuperare e modificare le proprietà DOM, utilizzare il metodo .prop().

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

Answer 9

Il metodo addClass in jQuery ha un currentClass costruito. Si può usare all'interno di una chiamata di funzione.In questo modo:

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

se questa è la prima div poi affrontare in questo modo:

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

in alternativa fare questo:

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

Si ottengono i seguenti risultati:

div CSS class: my_class 
alternative way: my_class 

Answer 11

se si vuole cercare un div che ha più di 1 classe provate questo:

Html:

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

Jquery:

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

ouput:

true