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