：visible選擇器在Internet Explorer中不起作用

Question

我正在為ASP.Net網站開發一些基本的表單驗證樣式。 我需要選擇所有可見的span元素，並向另一個元素添加css樣式。 （僅指示哪些輸入字段無效。）

下面的代碼在FF和Safari中像超級按鈕一樣工作，但在IE中失敗。 我將問題縮小為：visible選擇器。 這是jQuery代碼。

重要說明：生產站點正在運行jQuery 1.3.1。1.3.2 發行說明中對：visible選擇器進行了更改。

$('span.inputError:visible').each(function() {
            $(this).parent().parent().prev('td').children('label').children('span').css('color','red');
        });

這是打算用於的呈現的HTML：

<table width="100%" cellspacing="0" cellpadding="3" border="0">
            <tbody>
            <tr>
                <td valign="top" style="text-align: right;" class="address_labels">
                    <label><span>*</span> First Name: </label>
                </td>
                <td>
                    <span id="ctl00_CMain_txtFirstName_wrapper"><input type="text" style="width: 190px;" invalidstyle="inputError" class="radEnabledCss Input" name="ctl00_CMain_txtFirstName_text" id="ctl00_CMain_txtFirstName_text" size="20" value=" zdogg"><input type="text" value=" zdogg" style="border: 0pt none ; margin: -18px 0pt 0pt; padding: 0pt; overflow: hidden; visibility: hidden; width: 1px; height: 1px;" name="ctl00$CMain$txtFirstName" id="ctl00_CMain_txtFirstName"><input type="hidden" name="ctl00_CMain_txtFirstName_ClientState" id="ctl00_CMain_txtFirstName_ClientState" autocomplete="off"></span>
                    <div>
                            <span style="color: Red; display: none;" class="inputError" id="ctl00_CMain_valFirstName">First name is required</span>
                        </div>        
                </td>
            </tr>

        </tbody></table>

Answer 1

我使用jquery 1.2.6將您的代碼放在： http : //jsfiddle.net/BZRWF/1/上 ，它似乎可以正常工作（我添加了一個按鈕來實例化該事件）。 我在兼容模式下使用IE8進行了測試，沒有任何問題。

我也在1.3.2和1.4.2中進行了測試，並且在這里也可以正常工作。