Wie Klassennamen erhalten jquery mit

Question

Angenommen, ich habe ein Element wie folgt aus:

<div id="dv" class="red green blue">Something Here !!</div> 

ich benutzten:

alert($('#dv').attr('class')); 

Aber es gibt mir alle drei zur gleichen Zeit, ich brauche individuell wahrscheinlich in einem Array gespeichert.

Wie bekomme ich jeden dieser Klassennamen mit jquery? Sollte einfach sein, oder?

Answer 1

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

, wenn Sie nur, wenn ein Element wissen müssen besitzt eine Klasse, die Sie verwenden möchten

if($('#dv').is('.green')){ 
    alert('its green!'); 
} 

oder

if($('#dv').hasClass('green')){ 
    alert('its green!'); 
} 

was eine abgeleitete Funktion ist. Halten Sie die Aufmerksamkeit auf die unterschiedlichen Schreibweisen

„.className“ und nur ‚classname‘

Answer 2

Die Klasse ist ein Attribut, so dass Sie var classname=$("#dv").attr("class") tun können, dann Sie es in ein Array mit var array=classname.split(" ");

Answer 3

Verwendung spalten kann diese

alert($('#dv').attr('class')); 

Answer 4

Es gibt ein paar Möglichkeiten, auf Ihr Ziel abhängig (tun Sie tatsächlich ein Array benötigen, könnte eine schnellere Methode sein!).

$('#dv').attr('class').split(' ') == ['red', 'green', 'blue'] 

Um die Zeichenkette verwenden .attr() zu erhalten:

ein Array der Klassen .attr() und .split() benutzen Sie

$('#dv').attr('class') == 'red green blue' 

für eine Klasse verwenden, um zu überprüfen .hasClass():

$('#dv').hasClass('red') == true 

Answer 5

mit attr() Sie können beliebige Attribute festlegen oder abrufen. Wenn Sie mehr als eine Klasse haben, können Sie die Zeichenkette teilen, die attr Ihnen mit split("separator") zurückgibt. Split gibt Ihnen ein Array zurück. $.each(array, function(i, data){}) können Sie etwas für jeden Wert in einem Array tun. Wenn Sie das zusammen ist dies das Ergebnis:

$.each($("#dv").attr("class").split(" "), function(i, data) { 
    alert(data) 
}) 

Und hier eine Demo mit Ihrem Code: http://jsfiddle.net/Cq5JD/