jQuery :first-child selector does not work in IE if comment precedes element

[westonruter]

In MEIE 6/7/8b1, the :first-child selector does not work if a comment is the first child; it does not work using either pure CSS nor using the jQuery selector engine. Both, however, work in Firefox and Safari.

Test case: ​http://weston.ruter.net/projects/test-cases/jquery-first-child-bug/

[pr]

The problem occurs because the first node returned for IE is the comment node. Here is my attempt at fixing it. (checked in IE6/7 and FF2/3).

"first-child": function(a){
  var isFirst = false;
  $.each(a.parentNode.getElementsByTagName("*"), function() {
    // check if the first non-comment node is same as the node.
    return (this.tagName === '!') || ((isFirst = (this == a)) && false);    
  });
  return isFirst;
}

[nathanhammond]

In depth test case.

[nathanhammon]

I've done a much more in-depth test case and determined that this is the only one of the similar selectors that exhibits this bug. It appears that .getElementsByTagName("*") returns comment nodes in IE. I'm working on a patch.

[nathanhammond]

Patch

[nathanhammon]

To fix this we're going to have to go slower and longer. A more clever patch might be better than the one I've just posted for review.

[dmethvin]

This appears to have been fixed in 1.3.