$（'＃form1：input'）不起作用

Question

如果我在1页上有2个表格怎么办？

<form id="form1">
    <input type="text" />
    <input type="text" />
</form>

<form id="form2">
    <input type="text" />
</form>

我想访问第一个的输入元素。我做了以下事情：

$(document).ready(function() {
    var bla = $('#form1:input');
    alert(bla.length);
}); 

但它显示0计数。如果有人可以提供建议，我将不胜感激。

---

谢谢。以下语法对我有用：

$('#form1 :input')

即放置空间。

Answer 1

为选择器添加空格。

#form1:input表示#form1 :input

#form1 :input抓取:input #form1

---

当你组合没有空格或逗号的选择器时，你会说“它不仅符合X，而且符合Y和Z.例如：

div.foo#bar

以上表示它是<div>元素， 的foo类和的ID为bar。例如
<div class="foo" id="bar"></div>

然而：

div .foo .bar

上述方法是查找包含另一个元素的div，其中还包含另一个类foo的元素}。例如
bar

Answer 2

$("#form1 input").length - ：用于特殊标识符，例如：first

Answer 3

你想这样做（你想要表格的孩子，所以不要把结肠）

$(document).ready(function() {
    var bla = $('#form1 input');
    alert(bla.length);
}); 

Answer 4

你做错了选择器就像这样做

 $(document).ready(function() {
    var bla = $('#form1 input');
     alert(bla.length);
}); 

here's a live example