Bug Tracker

Ticket #4641: testcase.html

File testcase.html, 1.6 KB (added by jeff_themovie, 11 years ago)

:eq(n) test case

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3<head>
4        <meta http-equiv="content-type" content="text/html; charset=utf-8">
5        <title>:eq(n) test case</title>
6        <script type="text/javascript" src="jquery-1.3.2.js"></script>
7        <script type="text/javascript">
8                function print(q) {
9                        var buf = $.map(q.get(), function (el) { return [el.nodeName.toLowerCase(), '#', el.id, ', ']; });
10                        buf.pop();
11                        buf.unshift('[ ');
12                        buf.push(' ]');
13                        return buf.join('');
14                }
15                $(function () {
16                        var results = ['Results:', ''], q, i;
17
18                        q = $('div div');
19                        results.push('$("div div"): ' + print(q));
20
21                        results.push('');
22
23                        // .eq(n)
24                        q.each(function (i) {
25                                results.push('$("div div").eq(' + i + '): ' + print(q.eq(i)));
26                        });
27
28                        results.push('');
29
30                        // :eq(n)
31                        i = 0;
32                        while (true) {
33                                q = $('div div:eq(' + i + ')');
34                                if (q.length == 0) {
35                                        break;
36                                }
37                                results.push('$("div div:eq(' + i + ')"): ' + print(q));
38                                i++;
39                        }
40
41                        $('#results').html(results.join('<br />'));
42                });
43        </script>
44        <style type="text/css">
45        div {
46                margin-bottom: 1em;
47                padding: 0 1em;
48                border: 1px solid black;
49        }
50        #first {
51                background-color: pink;
52        }
53        #second {
54                background-color: yellow;
55        }
56        #third {
57                background-color: lime;
58        }
59        #results {
60                margin: 0;
61                padding: 0;
62                border: none;
63        }
64        </style>
65</head>
66<body>
67<div>
68        wrapper
69        <div id="first">
70                first
71                <div id="second">
72                        second
73                </div>
74        </div>
75</div>
76<div>
77        wrapper
78        <div id="third">
79                third
80        </div>
81</div>
82<div id="results"></div>
83</body>
84</html>