使用jQuery如何选择特定div内同名元素？

Question

我们有两个div： 如何选择所有名称为“divText”的输入框并将其作为数组，这些输入框位于“div2”内部。 // div1的主体内容

<div id="div1>
<input type="text" name="divText" value="v1" />
<input type="text" name="divText" value="v2"/>
<input type="text" name="divText" value="v3"/>
</div>

//div2的内容

<div id="div2>
<input type="text" name="divText" value="q1" />
<input type="text" name="divText" value="q2"/>
<input type="text" name="divText" value="q3"/>
</div>

- bpbhat77

---

如果你的 HTML 与此处所示完全相同，你可以这样做：$('#div2').children()。 - user1636522

我假设你已经了解了后代选择器。如果没有，你真的应该阅读jQuery的文档：http://api.jquery.com/category/selectors/。同时也可以查看教程：http://learn.jquery.com/using-jquery-core/selecting-elements/。 - Felix Kling

Answer 1

使用 属性等于选择器 [name="value"] 结合 ID 选择器 (“#id”)。你的 HTML 存在错误，div1 和 div2 的结束引号缺失。

Live Demo

$('#div2 input[name="divText"]')

- Adil

---

作为注释：这将满足标题中的要求，但选择的范围比帖子所建议的要广泛。帖子谈论输入元素，而这选择所有元素。这可能是正确的。它还将选择具有指定名称的 div 的所有子代的子代。这可能也是正确的，也可能不正确。 - Rune FS

感谢@RuneFS的提醒，已更新。 - Adil

Answer 2

要将输入字段作为数组获取，请使用.get()：

var inpfromdiv2=$('#div2').find('input[name="divText"]').get();

- Milind Anantwar

Answer 3

另一种方式：

$("#div2 input[type=text]")

- 4b0

Answer 4

正如@adil所回答的那样，这是你所要求的正确方法，但我认为更好的做法是先定义一个类，然后再选择它。例如：

<div class="some_class">...</div>
<span class="some_class">...</span>

$('.some_class')

这意味着您不受任何标签类型的限制。

- vlio20

Answer 5

使用属性选择器。

$("#div2 > input[name='divText']")

jQuery选择器不是一个数组，但在许多情况下可以像数组一样处理

- Rune FS