jQueryで、任意のクラスを取得するやり方

質問

今、下記のようなコードがあるのですが、
jQuery(function($){
$('div.tabArea').tabPanel();
});
「tabArea」クラスではなくて、「tabArea1～tabArea9のクラス」に対して、
あるいは、「クラス名の先頭がtabAreaとなっているすべてのクラス」を対象にしたいのですが、具体的に、どう書けばよいでしょうか？

回答No.2

think49 · ベストアンサー

いろいろな方法があるので、お好みで。
http://zng.info/specs/css3-selectors.html#attribute-selectors

・class="tabArea[0-9]+" なら $("div[class^=tabArea]")
・class="tabArea-[0-9]+" なら $("div[class|=tabArea]")
・class="tabArea item[0-9]+" なら $(".tabArea")

To: #1さん
className は class の typo ですね…。

お礼

回答、ありがとうございました。
jQuery、関係なかったですね…。

CSSに、こんな正規表現みたい書き方があるって、知りませんでした。

リンク先、参考になりましたー。

回答No.1

fujillin

全体像がよくわからないけれど、

for (var i=1; i<10; i++) $("div.tabArea" + i).tabPanel();

とかでは？

＞クラス名の先頭がtabAreaとなっているすべてのクラス」を対象にしたいのですが
であれば、

$("div[className^='tabArea']").tabPanel();

とか。

お礼

回答、ありがとうございます。

参考になりました！