$('#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.例如
<div><p class="foo"><img class="bar" /></p></div>