Javascriptの名前の配列の入力セレクタ（名前[sometext]）

Question

IDの割り当てをせずにjQueryでこのような名前付き入力を適切に選択するにはどうすればよいですか？

<input name="person[first]" type="hidden"> 
<input name="person[last]" type="hidden"> 

// Seems to be acting on multiple hidden elements instead of this named one 
// This sets the value of both of those hidden elements in some cases 
$("input[type=hidden][name=person[first]]").val('Test'); 

// So I've changed it to this. Is there a better way? 
$("input[name=person[first]]").val('Test'); 

Answer 1

... the docs for attribute-equals-selectorから

$("input[type=hidden][name='person[first]']").val(); 
    // ---------------------^-------------^ 

---

を引用符で囲まれた属性値を入れて...

属性属性名：このように。

値属性値。引用符で囲まれていない単一の単語でも、引用符で囲まれた文字列でもかまいません。

単語が1つ以上あるので、引用符で囲む必要があります。

Answer 2

CSSで意味を持つシンボルを含む属性セレクタの値を引用符で囲むことになっていると思います。

input[type=hidden][name='person[first]']