Firefox, Jquery and missing dom elements

Question

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

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 2

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.

Answer 3

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

Answer 4

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

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