Holen Sie sich den letzten Klassennamen eines Arrays mit jquery

Question

Ich möchte das letzte Element eines Arrays mit Klassennamen erhalten. Mein Code sieht wie folgt aus

var getClassName = []; 
getClassName = $(this).attr('class').split(); 
console.log(getClassName); 

in der Konsole i diese Antwort erhalten werden

["classname1 classname2"] 

wie kann ich die letzte Klasse Namen?

Dank

Answer 1

Wie jensgram weist darauf hin, "die gesamte Zeichenfolge wird zurückgegeben" Du bist fast da. Sehen Sie seine Antwort für das Detail, wenn Sie jQuery-spezifisch bleiben wollen.

Aber Sie machen der Browser eine Menge zusätzlicher Arbeit tun, dann ist dies eine jener Zeiten, die Sie wirklich brauchen jQuery nicht:

var getClassName; 
getClassName = this.className.split(' '); 
console.log(getClassName[getClassName.length-1]); 

Die className property von DOM-Elemente von allen gängigen Browsern unterstützt wird (und wahrscheinlich alle kleineren).

Immer noch, wenn Sie dies in einer engen Schleife tun, ist der zusätzliche Aufwand der $() und attr Anrufe wahrscheinlich nicht wirklich viel.

Answer 2

console.log(getClassName[getClassName.length-1]); 

Will do, aber Sie ein Argument zu split() geben müssen:

var getClassName = $(this).attr('class').split(' '); 
var lastIndex = getClassName.length - 1; 
console.log(getClassName[lastIndex]); 

---

EDIT: Auf this.className
mit Betrachtenmitanstelle von $(this).attr('class'). Dies wird in other answers erwähnt.

Andy E hat einen tollen Bericht darüber gemacht, wie wir dazu neigen, jQuery zu überbeanspruchen: Utilizing the awesome power of jQuery to access properties of an element. Der Artikel behandelt speziell die Verwendung von .attr("id"), aber das Problem ist das gleiche für $(...).attr('className') vs this.className.

Sie konnte sogar

var getClassName = (this.className || '').split(' '); 

verwenden, wenn Sie nicht sicher sind, dass .className existiert.

Answer 3

Beachten Sie die Dokumentation für Split:

http://www.w3schools.com/jsref/jsref_split.asp

Sie müssen schreiben:

split(' ') 

Ohne den Separator

Answer 4

$(this).attr('class').split(' ').pop()