在IE7中Jquery Selector无法正常工作

Question

我有一个简单的html，如 -

<div id="mainDiv">
 <form method="post">
   <input type="hidden" id="txtId" value="123">
 </form>
</div>

我正在使用跟随选择器来访问隐藏字段 -

var txtVal = $('#mainDiv #txtID').val();
alert(txtVal);

在FF和cheome中工作正常，但在IE7中，警告说“未定义”。

Answer 1

可能是因为元素的ID为txtId而您在选择器中使用txtID（大写字母D）。

另外，为什么只用#txtId就可以使用两个选择器？

Answer 2

选择器区分大小写：

var txtVal = $('#mainDiv #txtID').val();

应该是：

var txtVal = $('#mainDiv #txtId').val();

自输入id="txtId"。请注意小写d。

Answer 3

IE必须对案件更加严格。将#txtID更改为#txtId（小写'd'）

Answer 4

只需使用：

    var txtVal = $('#mainDiv #txtId').val();

顺便说一下，ID是唯一的，为什么不只使用#txtId？

    var txtVal = $('#txtId').val();