Bug Tracker

Ticket #5700: ie8bug.html

File ie8bug.html, 1.2 KB (added by matiasnu, 10 years ago)

Testcase

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html>
3        <head>
4                <title>jQuery 1.3.2 Selector bug in IE8</title>
5        </head>
6        <body>
7        <div class="elem">Element 1</div>
8        <div class="elem">Element 2</div>
9        <div class="elem">Element 3</div>
10        <hr/>
11        <p>This will work in Firefox 3.5 and Chrome, but not in IE8, which will select all elements</p>   
12            <button class="b1">Using .elem:not(:first)</button>
13            <p>This will work in all browsers, since we're using TAG.class</p>     
14            <button class="b2">Using div.elem:not(:first)</button>
15            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
16            <script type="text/javascript">
17                $().ready(function() {
18                $("button.b1").click(function() {
19                    $(".elem:not(:first)").css("background", "red");     
20                });
21               
22                $("button.b2").click(function() {
23                    $("div.elem:not(:first)").css("background", "green");     
24                })   
25            });
26            </script>
27        </body>
28</html>