Skip to main content

Bug Tracker

Side navigation

#8003 closed bug (duplicate)

Opened January 18, 2011 09:52PM UTC

Closed January 18, 2011 10:18PM UTC

Last modified January 18, 2011 10:18PM UTC

Child selector followed by ancestor selector not working in IE

Reported by: jacob.h.page@gmail.com Owned by:
Priority: high Milestone: 1.next
Component: selector Version: 1.4.4
Keywords: Cc:
Blocked by: Blocking:
Description

Given the following HTML and JavaScript:

    <html>
      <head>
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript">
          $(document).ready(function() {
            $('.a > div a').text("Found!");
          });
        </script>
      </head>
      <body>
        <div class="a">
          <div>
            <a href="#">Not Found</a>
            <div>
              <a href="#">Not Found</a>
            </div>
          </div>
        </div>
      </body>
    </html>

I would expect that both hyperlinks' text would change. In Chrome and Firefox, they do, but in IE 8 at least, only the first hyperlink changes. It appears as though ancestor selectors do not work properly after a child selector has been encountered.

Attachments (0)
Change History (2)

Changed January 18, 2011 10:18PM UTC by jitter comment:1

component: unfiledselector
priority: undecidedhigh
resolution: → duplicate
status: newclosed

Thanks for taking the time to contribute to the jQuery project by writing a bug report and providing a test case!

I identified this to be a known issue. Check the ticket mentioned below for progress on this issue.

Changed January 18, 2011 10:18PM UTC by jitter comment:2

Duplicate of #4344.