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

时间:2011-11-02 19:31:32

标签: jquery

如果我在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')

即放置空间。

4 个答案:

答案 0 :(得分:7)

为选择器添加空格。

#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

答案 1 :(得分:4)

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

答案 2 :(得分:0)

你想这样做(你想要表格的孩子,所以不要把结肠)

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

答案 3 :(得分:0)

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

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

here's a live example