Obtenir le dernier nom de classe d'un tableau avec jquery

Question

Je veux obtenir le dernier élément d'un tableau avec des noms de classe. Mon code ressemble à ceci

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

Dans la console i deviennent obtenir cette réponse

["classname1 classname2"] 

Comment puis-je obtenir le nom de la classe?

Merci

Answer 1

Comme jensgram souligne , vous êtes presque là; voir sa réponse pour le détail si vous voulez rester spécifique à jQuery.

Mais vous faites le navigateur faire beaucoup de travail supplémentaire, c'est un de ces moments que vous avez vraiment pas besoin jQuery:

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

Le className property d'éléments DOM est pris en charge par tous les principaux navigateurs (et probablement tous mineurs). Cependant, à moins que vous ne le fassiez dans une boucle serrée, la surcharge supplémentaire des appels $() et attr n'a probablement pas vraiment d'importance.

Answer 2

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

Will do, mais vous devez passer un argument à split():

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

---

EDIT: En utilisant this.className
Pensez à utiliserau lieu de $(this).attr('class'). Ceci est mentionné dans other answers.

Andy E a fait un excellent article sur la façon dont nous avons tendance à abuser de jQuery: Utilizing the awesome power of jQuery to access properties of an element. L'article traite spécifiquement l'utilisation de .attr("id") mais le problème est le même pour $(...).attr('className') par rapport à this.className.

Vous pouvez même utiliser

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

si vous n'êtes pas sûr que .className existe.

Answer 3

Notez la documentation pour la fente:

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

Vous devez écrire:

split(' ') 

Sans le séparateur "la chaîne entière sera retourné"

Answer 4

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