jQueryのセレクタ複数指定

Question

JQuieryのセレクタ指定の部分なのですが、複数ある場合

$("selector[name|='value'],selector[name|='value'],selector[name|='value']")

といった感じになるのですが
これが

$("selector[name|='value'],selector[name|='value'],selector[name|='value'],selector[name|='value'],selector[name|='value'],selector[name|='value']...")

と複数かつ、その値だけを指定していきたい場合はどういう風にまとめれますか？
もしくはずっとつなげていくしかないでしょうか？

Comments

[kei344]

上下でコードがほぼ同じなので、何をしたいのかがわかりません。もう少し具体的にお願いします。

[MaShiRo_H]

対象となる要素に同一のクラス名を付与するのではダメなのでしょうか？？

Answer 1

$("selector[name|='value'],selector[name|='value'],selector[name|='value']")

このコードでは同じセレクタを3回繰り返しているだけなので簡略化したコードは下記でまとまってしまいます。

$("selector[name|='value']")

実際には下記コードのように部分的に異なる箇所があり、部分的に同一箇所もある場合で部分的にグループ化する方法がないか、を尋ねている気がするのですが、どうなのでしょうか。

jQuery('p[title="hoge"],p[title="foo"],p[title="piyo"],p[title="fuga"]')

一応、この場合の解決方法は2通り考えがありますが、補足質問も流しているようでよく分かりません…。

Re: mobuocity さん

Answer 2

依頼文から、実行したいパターンを2通り考えてみました（どちらも求めているものでないならお知らせください）。

・ 複数種類のエレメントに、同じ[name=～]をかけたい場合

この場合、先にエレメントで絞り込んでから.filterとすると、[name=～]を大量に書く必要はなくなります。

$('select,input,textarea').filter("[name|='value']")

・いろんなnameで検索したい場合

長い長いセレクタを作ってもいいのですが、.addでつないでいくのがいいかもしれません。

// 探すnameのリスト
var names = ['foo', 'bar', 'baz'];

// 最初は空っぽ
var $elems = $();

var i = 0, l = names.length;
for(; i<l;++i){
  $elems = $elems.add("select[name|='" + names[i] + "']");
}