jQueryで特定のフォーム要素を選択する方法は？

質問

このようなフォームが2つあります。

<form id='form1' name='form1'>
  <input name='name' id='name'>
  <input name='name2' id='name2'>
</form>

<form id='form2' name='form2'>
  <input name='name' id='name'>
  <input name='name2' id='name2'>
</form>

では、テキストを という名前にしたい。 のフィールドにテキストを挿入したい。 フォーム2 . 私は 次のjQueryコード を使っていますが 名前 のフィールドを フォーム1 .

$("#name").val('Hello World!');

では、特定のフォーム要素のみを選択するにはどうすればよいのでしょうか。

どのように解決するのですか？

同じIDを2つ持つことは有効ではありません、そのため #name は最初の1つだけを見つけるのです。

試してみるといい。

$("#form2 input").val('Hello World!');

または

$("#form2 input[name=name]").val('Hello World!');

無効なページで困っていて、すべてを選択したい場合 #name を選択したい場合、idの属性セレクタを使用することができます。

$("input[id=name]").val('Hello World!');