Bug Tracker

Ticket #6493: attributes-starts-with-find-test.html

File attributes-starts-with-find-test.html, 2.7 KB (added by rockitbaby, 12 years ago)

Test

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5        <title>
6                "Attribute Starts With"-Bug
7        </title>
8<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
9<script type="text/javascript">
10
11(function($) {
12       
13       
14        function test() {
15               
16                // 1. Attribute Starts With Selector [name^=value]
17                $('#res0').text($('a[href^=\\#]').size());
18                $('#res1').text($('body').find('a[href^=\\#]').size()); // ERROR
19               
20                $('#res0a').text($('a[href^=#]').size());
21                $('#res1a').text($('body').find('a[href^=#]').size());
22               
23                $('#res2').text($('a[title^=target]').size());
24                $('#res3').text($('body').find('a[title^=target]').size());
25               
26                // 2. Attribute Ends With Selector [name$=value]
27                $('#res4').text($('a[href$=test]').size());
28                $('#res5').text($('body').find('a[href$=test]').size());
29               
30                $('#res6').text($('a[href*=\\#]').size());
31                $('#res7').text($('body').find('a[href*=\\#]').size());
32               
33                // 3. Attribute Contains Selector [name*=value]
34                $('#res8').text($('a[href*=test]').size());
35                $('#res9').text($('body').find('a[href*=test]').size());  // ERROR
36        }
37       
38        $(document).ready(test);
39       
40})(jQuery);
41
42</script>
43
44</head>
45
46<body>
47       
48<div class="container">
49<a href="#target1test" title="target1test">Link to target1test</a><br />
50<a href="#target2test" title="target2test">Link to target2test</a><br />
51<a href="#target3test" title="target3test">Link to target3test</a><br />
52<a href="#target4test" title="target4test">Link to target4test</a><br />
53<a href="#target5test" title="target5test">Link to target5test</a><br />
54</div>
55
56<div class="result">
57        <h2>1. Attribute Starts With Selector [name^=value]</h2>
58        <code>$('a[href^=\\#]').size();</code>
59        <p id="res0"></p>
60        <code>$('body').find('a[href^=\\#]').size();</code>
61        <p id="res1"></p>
62        <h3>1.1 without escaping</h3>
63        <code>$('a[href^=#]').size();</code>
64        <p id="res0a"></p>
65        <code>$('body').find('a[href^=#]').size();</code>
66        <p id="res1a"></p>
67        <h3>1.2 without metacharacters</h3>
68        <code>$('a[title^=target]').size();</code>
69        <p id="res2"></p>
70        <code>$('body').find('a[title^=target]').size();</code>
71        <p id="res3"></p>
72       
73        <h2>2. Attribute Ends With Selector [name$=value]</h2>
74        <code>$('a[href$=test]').size();</code>
75        <p id="res4"></p>
76        <code>$('body').find('a[href$=test]').size();</code>
77        <p id="res5"></p>
78       
79        <h2>3. Attribute Contains Selector [name*=value]</h2>
80        <code>$('a[href*=\\#]').size();</code>
81        <p id="res6"></p>
82        <code>$('body').find('a[href*=\\#]').size();</code>
83        <p id="res7"></p>
84        <code>$('a[href*=test]').size();</code>
85        <p id="res8"></p>
86        <code>$('body').find('a[href*=test]').size();</code>
87        <p id="res9"></p>
88</div>
89
90</body>
91</html>