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取得のデモページ
 

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

1件のコメント

  1. […] jQueryで複数指定のあるclassを取得する方法 | cly7796.net […]

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年6月
 1
2345678
9101112131415
16171819202122
23242526272829
30