クラス名にある数値のみ取得したいですが

Question

<div class="aaa bbb ccc100 dddd"></div>

cccを部分一致する方法でクラス名を拾って
cccの100を取得したいですが
検索してもやり方はわかりません。

くだらない質問かもしれませんが
よろしくお願いします。

Answer 1

条件が曖昧です

• cccに繋がる数字を拾いたいのか
• 単に数字がでてくれば拾いたいのか
• おなじタグに2個以上マッチするクラスがある場合はどうしたいのか

どうなんでしょう？

以下サンプル

$(function(){
  $('[class*=ccc]').each(function(){
    if(r=$(this).prop('className').match(/(?:^| )ccc([0-9]+)(?: |$)/)){
      console.log(r[1]);
    }
  });
});

追記

クラスに数字が含まれるdivならこんな感じでしょうかね

$(function(){
  $('div').each(function(){
    if(r=$(this).prop('className').match(/[0-9]+/)){
      console.log(r[0]);
    }
  });
});

Comments

[rainbowsix]

数値だけ拾えば問題ありません。
ありがとうございます。

Answer 2

特定の文字列や数値を取得する場合は正規表現を使いましょう。

var elm = $(".aaa").attr("class").split(" ")
var num = elm[2].match(/[0-9]+/)

Comments

[rainbowsix]

回答ありがとうございます。かなりの参考になりました。