Question

I’m trying to scan all stylesheets within DOM using following each() function

$("link").each(function(){
    $.get($(this).attr('href'), function() {
        // Some Code...
    });
});

This code works fine but I want to get callback to know that All Stylsheets have been scanned & Run another function thereafter. Is it possible to achieve this ?

Answer 1

Create an array of $.Deferred objects:

var jqXHRs = $("link").map(function() {
  return $.get($(this).attr('href'), function () {
    // Some code...
  });
});

And then pass them to .when() and use the done() callback:

$.when.apply(null, jqXHRs.get()).done(
  function() {
    // All done
  }
);