LoginSignup
9
4

More than 5 years have passed since last update.

要素から特定のクラス名を取得する方法

Posted at
1 / 2

jqueryで要素から特定のクラス名を取得する方法を残します。

メモ的な感じで。

まずはattr関数でクラス名の集まりを取得する。

要素からクラス名を取得するには、jqueryのattr関数を使用する。
以下のように。
$(セレクタ).attr('class');

上記の記述では、要素に指定されているクラス名が1つしか指定されていなければ問題ないが、
複数記述されている場合はattr関数で取得できるのは、スペースで区切られたクラス名あつまり。

main none show menu-item

上記のようなクラス名の集まりが文字列で取得できる。

ここから特定のクラス名を取得する必要がある。

 正規表現で特定のクラス名を抽出する。

特定のクラス名を取得するには、正規表現を使用する。

例えば、menu-itemというクラス名を取得したいとする。

var rep = /menu-item/;

このように正規表現を指定して、stringオブジェクトのmatch関数に渡すことで取得が可能となる。

もし、クラス名が番号で割り振られているようなクラス名でも正規表現で取得することができる。

menu-item-47というような番号で割り振られているクラス名があったとして、以下のように正規表現を指定すれば簡単に取得することができる。

var rep = /menu-item-[0-9]+/;

こんな感じで正規表現を使用すれば、要素に複数のクラスが指定されたとしても簡単に取得することができる。

9
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
4