Home/ Questions/Q 1092397
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T23:40:34+00:00

jQuery’s :visible selector seems not to work on TR elements in Internet Explorer 8

  • 0

jQuery’s :visible selector seems not to work on TR elements in Internet Explorer 8 in the sense that includes TRs that have been hidden with hide(). Here is a test case:

<html>
  <head>
    <script language="JavaScript" src="jquery-1.3.2.min.js"></script>
    <script language="JavaScript">
$(document).ready(function () { 
               $('#trb').hide();
               $('#trcount').html($('tr:visible').length);
               $('#pb').hide();
               $('#pcount').html($('p.item:visible').length);
});
    </script>
  </head>
  <body>
    <table>
      <tr><td>A</td></tr>
      <tr id="trb"><td>B</td></tr>
      <tr><td>C</td></tr>
    </table>
    <p><span id="trcount">?</span> rows are visible.</p>

    <p>Using paragraphs:</p>
    <p class="item">A</p>
    <p class="item" id="pb">B</p>
    <p class="item">C</p>

    <p><span id="pcount">?</span> paragraphs are visible.</p>
  </body>
</html>

On Chrome, it results in “2 rows are visible” and “2 paragraphs are visible,” as expected. On Internet Explorer 8, however, the result is “3 rows are visible” and “2 paragraphs” are visible.

Why? And what is the best way to work around it? (The best I can think of it to add a CSS class when I hide an item.)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is a bug with jQuery 1.3.2. To solve the problem use jQuery 1.4.2.

    To observe the difference compare these two jsFiddles in IE 8:

    jQuery 1.4.2 – no problems
    alt text

    jQuery 1.3.2 – “3 rows visible”
    alt text

    As Patrick DW points out in the comments, this answer points out the specific bug. There’s an answer in that same thread that seems to imply that using not:(:hidden) would solve the problem in 1.3.2, but it doesn’t.

    • 0