Bug Tracker

Ticket #5535: test_jquery_attribute_filter.html

File test_jquery_attribute_filter.html, 2.0 KB (added by MarkE, 5 years ago)

Example code. Follow instructions in document to see bug.

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
5<title>jQuery Test Select Value</title>
6<script language="JavaScript" src="../../thirdparty/jquery/jquery-1.3.2.min.js"></script>
7<script language="JavaScript">
8var dumpnjoin=function (text)
9{
10        var dumper = function(c, i)
11        {
12                console.log("i value=" + i.value);
13                text.push(i.value + ' (id=' + i.id + ')');
14        }
15        return dumper;
16}
17var joinjQueryElementValue = function(elements, delim)
18{
19        if (delim === undefined)
20        {
21                delim = ',';
22        }
23        var text = [];
24//      var dumper = dumpnjoin(text);
25//      elements.each(dumper);
26        elements.each(
27                function(c,i) { text.push(i.value + ' (id=' + i.id + ')'); }
28        );
29        return text.join(delim);
30}
31var showResults=function(caller)
32{
33        var bad = $("#inputs input[value='foo']");
34        var good = $("#inputs").find("input[value='foo']");
35        var badText = "Length: " + bad.length + ". Values: "
36                + joinjQueryElementValue (bad, ", ");
37        var goodText = "Length: " + good.length + ". Values: "
38                + joinjQueryElementValue (good, ", ");
39        $("#result_bad").text(badText);
40        $("#result_good").text(goodText);
41        $("#results").show();
42}
43</script>
44</head>
45<body>
46<div id="inputs">
47 <div>
48  <input type="text" id="input_1" value="foo" />
49 </div>
50 <div>
51  <input type="text" id="input_2" value="bar" />
52 </div>
53 <div>
54  <input type="text" id="input_3" value="lah" />
55 </div>
56 <p>Once this page is loaded kindly delete the text in the input box containing
57 "foo", and change the text in the box containing "lah" to "foo".
58 Then press the button below.
59 </p>
60 <a href="" class="inputbutton" onclick="showResults(this); return false;">
61  Show Results
62 </a>
63 <div id="results" style="display:none">
64  <p><code>$("#inputs input[value='foo']");</code> produces
65   <span id="result_bad"></span>
66  </p>
67  <p><code>$("#inputs").find("input[value='foo']");</code> produces
68   <span id="result_good"></span>
69  </p>
70 </div>
71</div>
72</body>
73</html>