ansaurus

Question

jQuery .eq(x) returns different element in IE than in FF/Chrome

Answer 1

+4 A:

I should think it is to do with empty text nodes, Firefox will not register the white space between say, the <span> and the <input> tag, where as IE will, so for FF the second node will be the <input> tag (<span><input>) where as it it will be the text node (<span>-empty text node-<input>).

EDIT:

After some testing (Previous answer was just a common problem I run into so presumed it may have been the same for you), The problem is that IE picks up your closing tag as an element in the dom.

If you change your code to short closing tags, ie:

<div>
  <span>
    <input type="checkbox" />
      <span>Fake Initiative A</span><span>1</span>
  </span>
  <span>
    <input type="checkbox" />
    <span>Initiative B Not Real</span><span>2</span>
  </span>
</div>

Then it should work as predicted.

Just for reference my whole test script (only alerting the text):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
    <title>Title here!</title>
    <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">&lt;/script>
    <script type="text/Javascript">
        $(function(){
            $("input:checkbox").bind('click', function(){
                alert($(this).parent().children().eq(2).text());
            });
        }); 
    </script>
</head>
<body>
<div>
  <span>
    <input type="checkbox" />
    <span>Fake Initiative A</span><span>1</span>
  </span>
  <span>
    <input type="checkbox" />
    <span>Initiative B Not Real</span><span>2</span> </span>
</div>

</body>
</html>

Psytronic 2010-03-09 23:15:31

You, sir, are a genius and a gentleman. This has worked flawlessly!

btk 2010-03-10 09:30:43

Answer 2

A:

Ahh, sorry to post so late, but I'm having issues as well with the :eq() selector in IE as well. I've self closed my tags, however IE is still playing funny :(

Could anybody help me out please? A demo is at http://tinyurl.com/3aenbwk.

Thanks in advance =D

noobcakes 2010-10-06 09:07:46

ansaurus

tags:

views:

answers:

jQuery .eq(x) returns different element in IE than in FF/Chrome

related questions