jQueryでフォームのname属性が配列やhash形式の場合にセレクタの指定の仕方

Question

お世話になっております。

簡単な質問かもしれませんが,フォームでPOSTパラメータをinputタグで指定している場合に,
name属性に[]が含まれるDOMをjQueryで指定しようとする以下のような書き方だとエラーが出ました。

$('hoge[params1]')

また,以下のように[]をエスケープしてもDOMが取れません

$('hoge¥[params1¥]')

これらのDOMは他の属性を利用してDOMをとるしかないのでしょうか？
もしご存知な方がいたらご教示いただきたいです。

よろしくお願いします。

Answer 1

たとえば以下の name 属性を持つ要素を対象にする場合は以下のように書けばいいと思います。

<input name="params[]" type="checkbox">

$('input[name="params[]"]')

Comments

[退会済みユーザー]

できました！
この方法が一番単純なので採用させていただきます。

Answer 2

"name[id=[xxxxx]]"
これのエスケープは、javascript が文字列を評価する際エスケープです。jquery の xpath パーサに対するエスケープなので、
\[
としないとダメなのでは？
できるかどうかは別として、きになりました。

Comments

[退会済みユーザー]

この方法でもできました。仕組みも理解できました。
ありがとうございます。

Answer 3

取得のサンプルを書きました。今回のケースの場合、$input3の形を使えば良いと思います。
実際にconsole.logで表示される結果を見ていただけると、よく理解いただけるかと思います。

<input name="hoge[params1]">
<input name="hoge[params2]">

var $input1 = $('input[name^=hoge]');

// nameが「hoge」で始まるinputがすべて取れる
console.log($input1);

var $input2 = $('input[name*=params1]');

// nameに「params1」が含まれるinputがすべて取れる
console.log($input2);

var $input3 = $('input[name^=hoge][name*=params1]');

// nameがhogeで始まり、かつparams1が含まれるinputを取得する
console.log($input3);

Comments

[退会済みユーザー]

この方法で行うことを最終手段として考えていましたがもっといい方法があったのでそちらを採用します。ありがとうございます。