Résoudre les fichiers CSS avec jQuery

Je voudrais utiliser jQuery pour récupérer toutes les références de fichier css de ma page. Des suggestions comment je pourrais construire une requête pour les saisir tous?Résoudre les fichiers CSS avec jQuery

À titre d'exemple, stackoverflow a une section de tête qui ressemble à ceci:

<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>

et à partir de là, je voudrais utiliser jquery pour sortir juste la classe css unique (ou multiples si elles existaient) travailler avec.

Source

2009-06-15 Scott Ivey

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

Vous devrez peut-être vous inquiéter de la casse sur 'stylesheet', cependant. En outre, il peut être non trivial d'extraire des informations de classe de css_data - il s'agirait de traitement de texte (à moins qu'il y ait un plugin pour traiter ce genre de chose dont je ne suis pas au courant).

Source

2009-06-15 21:40:05

Merci - exactement ce dont j'avais besoin. Il n'a pas aimé mes casquettes sur le 'stylesheet' attrib. –

Pour sélectionner l'élément de liaison et le lien que vous ramasser pouvez utiliser:

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

Mais je ne suis pas sûr que vous pouvez rechercher dans et sortir classe css à partir de là.

Source

2009-06-15 21:39:50

Résoudre les fichiers CSS avec jQuery

Répondre

Questions connexes