Firefox, Jquery and missing dom elements

Question

Hi,

I've come across a problem when trying to loop through all divs on a page.

I can grab all the divs using $('div') in IE but not in firefox.

I did the following as a test :-

 $(function() {

        var divs = document.getElementsByTagName('div');

        alert(divs.length)

        var divs2 = $('div')

        alert(divs2.length)

 });

The output in IE is :-

29 29

The output in firefox is :-

29 1

Am I missing something?

Answer 1

What about var divs2 = $('div').length;

Answer 2

$("div") creates new div element, that's why 1 ;)

Try: alert($("div").length);

Answer 3

Check your markup. With 29 divs, I bet you have a missing </div> or something somewhere. IE might just count the opening tag; perhaps FF is more strict.

Answer 4

I agree that you probably have a markup problem. If it's not that, make sure that you have Firebug - or anything else that might modify the DOM - turned off.