【jQuery】前方一致と後方一致を両方同時に行いたい

Question

前方に”pc-”を含み、かつ後方に”-group”を含む
以下のような要素を取得したいです。

<div id="pc-001-group"></div>
<div id="pc-002-group"></div>
<div id="pc-099-group"></div>

こういった場合、$('[id^=pc-]')と、$('[id*=group]')を
同時に両方を使うのでしょうか？

それとも他の方法がありますでしょうか？

宜しくお願い致します。

Answer 1

CSSでもそうですが、セレクタは複数同時に適用できます。

$('[id^="pc-"][id*="group"]')

Comments

[pecchan]

CSSと同じように複数指定出来るのですね。
知りませんでした。
有難う御座います。

Answer 2

jQuery.filter() を使って正規表現で絞り込んではいかがでしょうか。

var div_array = $('div').filter(function(i, e) {
  return e.id && e.id.match(/^pc[\w-]*group$/);
});

Comments

[pecchan]

有難う御座います。
今回は複数指定する方法で実現しようと思います。
正規表現の方法も参考になりました。
有難う御座います。