【jQuery】特定の文字列を含む複数の要素を操作したい

Question

ページの初期表示時に、セレクタを使って要素を非表示にしたいです。
なので以下のようにしました。

$(window).load(function(){
    
	//非表示にする
	$("#hoge").css("display", "none");

});

ところが要素が複数の場合があり、その個数も定まりません。

ただ、要素名はhoge1～hoge99という名前になります。
なので特定の文字列"hoge"を含むセレクタを操作出来たら解決しそうです。

自分なりに調べましたがその方法が分かりませんでした。

お知恵お借りできますでしょうか？

どうぞ宜しくお願い致します。

Answer 1

id属性での指定であれば、
$('[id^=hoge]')
という風に書けば前方一致でセレクトさせることができます。

こちらなどを参考になさって下さい

http://www.jquerystudy.info/reference/selectors/start.html

Comments

[pecchan]

参考先まで記載していただきまして有難う御座います。

Answer 2

初期表示時に非表示にしたい要素には、すべて class="hide-onload" のようなクラス指定をして、

   //非表示にする
    $(".hide-onload").css("display", "none");

のようにするほうが、良いと思います。

class 指定で制御をすることで、要素に id を指定する・しないにかかわらず 初期表示時に非表示にしたい要素を自由に設定できます。

Comments

[pecchan]

大変参考になりました。
有難う御座います！