后代jQuery选择器无法在IE8中运行

Question

我有两个html forms如下

<form action="#" id="saveForm" name="saveForm">
<input type="hidden" id="rname" name="rname" />
</form>

<form action="#" id="interactor" name="interactor">
<input type="hidden" id="rname" name="rname" />
</form>

我正在使用以下jQuery代码尝试alert 第二个 form input元素的id属性

Snippet 1 ------＆gt;不行吗

jQuery(document).ready(function(){
alert(jQuery('#interactor #rname').attr('id'));
});

我在undefined

中输出alert作为输出

当我提醒第一个 id元素的input ID时，它工作正常，但我的输出为<{>} undefined元素

Snippet 2 -----＆gt;作品

form

Snippet 1 代码适用于所有其他浏览器，即使对于 IE11 （虽然没有为IE9和IE10测试它），但它在某种程度上无法正常工作对于IE8

我做错了什么？

Answer 1

对于html中的所有元素，Id必须是唯一的，但您仍然可以尝试以下解决方案：

jQuery('#interactor').find('#rname').attr('id')