Hi,
I've been working with Jquery for quite some time, thanks for your brilliant work, but now came across a strange problem with Selector under IE 6 & 7 at least.
Below is the sample code with just two lists, the first list item contains a link each while the second merely some text. Selector problem occurs with the two simple line of code trying to select a or li items with id assigned.
The code works fine in FireFox? but not in IE 6 or 7. Not sure if it's browser bug or Jquery bug. I can work around by changing the id property in the seoncd list into title or others, or remove the 2nd list completely.
But I guess there are certain bigger issues within Jquery core which is beyond my capability to identify, so I'm putting it forward hoping to trigger a solution soon.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery.pack.js"></script>
<script type="text/javascript">
$(function(){
$(".list1 a[@id]").css("background","#0f0"); //Won't work in IE due to list2
$("li[@id]").css("background","#00f"); //Won't work in IE due to list2
});
</script>
</head>
<body>
<ul class="list1">
<li><a id="w0" href="#">ABC</a></li>
<li><a id="w1" href="#">DEF</a></li>
<li><a id="w2" href="#">GHI</a></li>
<li><a id="w3" href="#">JKL</a></li>
<li><a id="w4" href="#">MNO</a></li>
</ul>
<pre>Each LI in list2 is assigned with an id, which makes jquery selector a[@id] or li{@id] fail, if changed to other property like title or alt, the problem is gone.</pre>
<ul class="list2">
<li id="w">AAA</li>
<li id="x">BBB</li>
<li id="y">CCC</li>
<li id="z">DDD</li>
</ul>
</body>
</html>
Best regards!
Wayne
