サイト制作に関するメモ書き

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

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

【参考サイト】

 

“jQueryで複数指定のあるclassを取得する方法” への1件のコメント

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

コメントを残す

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

▲PAGE TOP