jQueryで複数指定のあるclassを取得する方法

1つの要素に対してclassが複数指定されているときに、classを全て取得する方法がすぐに思いつかなかったので、調べた内容をメモしておきます。

サンプルコード

複数のclassの付いた要素を用意します。

HTML

<div class="sample hoge fuga aaaaa"></div>

.sampleが持っているclassをすべて取得してみます。

JavaScript

$(function() {
	var classVal = $('.sample').attr('class'); // classの値を取得
	var classVals = classVal.split(' '); // 取得した値を分割

	// 配列になっているのでforで一つずつ取得できる
	for (var i = 0; i < classVals.length; i++) {
		console.log(classVals[i]);
	}
});

attr()を使ってclassの値を取得した後、半角スペースでsplit()を実行してclassを一つずつ分割しています。
複数のclass取得のデモページ
　

【参考サイト】

• JavaScript 複数のクラスを取得する – Qiita