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

Posted 2023-05-09

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

【英文标题】：nth-child selector with variable value selecting all elements in explorer

【发布时间】：2013-09-20 22:21:47

【问题描述】：

在 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>

【问题讨论】：

完全没有。看起来这应该是一个非常简单的情况......或者我是这么想的！

【参考方案1】：

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

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