Question

I have a javascript file that needs to count how many classes (.wrapper) there are in a external html page.

So far i have been using this for a count (it was previously all on the same page).

var adCount = $('.wrapper').size();
alert(adCount);

But i can’t seem to find anything that would allow me to run this statement on a different page than the code is runing on. I was hoping to add something like this.

var adCount = $('js/sliderExternal.html .wrapper').size();
alert(adCount);    

They are in the same directory but I’m keeping the pages seperate as the external page needs to be updated constantly and i don’t want it in the middle of a page of code. (This page may be updated by people who don’t code at all). Anyway, any help on this would be much appreciated.

If you need any more information ask away!

Thanks.

Answer 1

This should work:

$.get('js/sliderExternal.html', function(data){
  $(data).find('.wrapper').size();
})

Also see API Doc for $.get().