jquery - $ ('#form1:input' )不起作用

Question

如果我在一页上有 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类 and 的 ID 为 bar 。例如
<div class="foo" id="bar"></div>

但是:

div .foo .bar

上面的意思是查找包含另一个具有 foo 类的元素的 div其中还包含另一个具有 bar 类的元素。例如
<div><p class="foo"><img class="bar" /></p></div>