具有变量值的 nth-child 选择器选择资源管理器中的所有元素

Question

在 IE 中有一个 jquery nth-child 问题，我似乎无法获得分配给选择器的变量。如果我硬编码，这工作正常。该变量似乎选择了每个元素，而不是变量中指定的元素。

我已经在 Chrome、Firefox 和所有的 find 和 dandy 中进行了测试。 很想知道为什么这在 IE 中不起作用。有什么想法吗？

jquery：

$(document).ready(function() {

    var pageNum = 1;

    $('form fieldset').css('display','none');    //hiding all fieldsets
    $('form fieldset:nth-child(' + pageNum + ')').fadeIn('800');   //fading in only the desired fieldset

});

标记：

<form id="EmailSignatureGenerator">
        <fieldset>
            <h3>Personal Details</h3>
            <div><label>First Name:<input id="txtFname" name="txtFname" /></label></div>
            <div><label>Middle Name or Initial: <input id="txtMname" name="txtMname" /></label></div>
            <div><label>Last Name:<input id="txtLname" name="txtLname" /></label></div>
        </fieldset>
        <fieldset>
            <h3>Another Fieldset</h3>
            <div><label>First Name:<input id="txtFname" name="txtFname" /></label></div>
            <div><label>Middle Name or Initial: <input id="txtMname" name="txtMname" /></label></div>
            <div><label>Last Name:<input id="txtLname" name="txtLname" /></label></div>
        </fieldset>
        <fieldset>
            <h3>Third Fieldset</h3>
            <div><label>First Name:<input id="txtFname" name="txtFname" /></label></div>
            <div><label>Middle Name or Initial: <input id="txtMname" name="txtMname" /></label></div>
            <div><label>Last Name:<input id="txtLname" name="txtLname" /></label></div>
        </fieldset>

</form>

Answer 1

看来这个问题是 jquery 1.8.3 特有的。

我已更新到 1.9.1，问题不再存在。