jquery - 如何在 jQuery 中选择特定的表单元素？

Question

我有两种这样的形式:

<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>

现在我想在 form2 的 name 字段中插入文本。我正在使用 following jQuery code但它填写 form1 的 name 字段。

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

那么如何只选择特定的表单元素呢？

Answer 1

两次拥有相同的 ID 是无效的，这就是为什么 #name 只找到第一个。

你可以试试:

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

或者，

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

如果遇到无效页面并想选择所有 #name，可以使用 id 上的属性选择器:

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