Resolve CSS files with jQuery

Question

I'd like to use jQuery to grab all of the css file references from my page. Any suggestions how i could construct a query to grab them all?

As an example, stackoverflow has a head section that looks like this:

<head>

    <title>Ask a Question - Stack Overflow</title>        
    <link rel="stylesheet" href="/content/all.css?v=3647">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="apple-itouch-icon" href="/apple-touch-icon.png">
    <link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="/opensearch.xml">
    <script type="text/javascript" src="/content/js/master.js?v=3567"></script>
    <script type="text/javascript">var imagePath = '/content/img/so/';</script>

</head>

and from there, i'd like to use jquery to pull out just the single css class (or multiples if they existed) to work with.

John G · Accepted Answer · 2009-06-15 21:48:12Z

4

$.each($("link[rel='stylesheet']").attr("href"), function() {
    var href = this;
    $.get(href, function(css_data) {
        // do something with css_data
    });
});

You might need to worry about capitalization on 'stylesheet', though. Also, it may be nontrivial to extract class information from css_data -- it would come down to text processing (unless there's a plugin to deal with this kind of thing that I'm not aware of).

edited Jun 15, 2009 at 21:48

answered Jun 15, 2009 at 21:40

John G

3,5331 gold badge25 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Scott Ivey Over a year ago

Thanks - exactly what I needed. It didn't like my caps on the 'stylesheet' attrib.

Artem Barger · Accepted Answer · 2009-06-15 21:39:50Z

1

To select link element and pick the link you can use:

$("link[rel=stylesheet]").attr("href")

But I'm not sure you can lookup into and pull out css class from there.

answered Jun 15, 2009 at 21:39

Artem Barger

41.3k9 gold badges61 silver badges81 bronze badges

Collectives™ on Stack Overflow

Resolve CSS files with jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related