jQueryを使用してCSSファイルを解決する

jQueryを使用して、自分のページからすべてのCSSファイル参照を取得したいと考えています。どのように私はそれらをすべて取得するためのクエリを構築することができる任意の提案？一例として、jQueryを使用してCSSファイルを解決する

、stackoverflowのは次のようになり、ヘッド部があります：彼らは存在していた場合

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

、そこからが、私はちょうど、単一のCSSクラス（または倍数を引き出すためにjqueryのを使用したいです）と一緒に作業します。

出典

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 
    }); 
});

「スタイルシート」では大文字と小文字を区別する必要があります。また、css_dataからクラス情報を抽出することは自明ではないかもしれません - それはテキスト処理になります（私が気づいていないこの種のものに対処するプラグインがない限り）。

出典

2009-06-15 21:40:05

ありがとうございます。それは 'stylesheet'属性上の私のキャップが好きではなかった。 –

リンク要素を選択し、使用することができ、リンク選択する：

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

をしかし、私はあなたに検索し、そこからCSSクラスを引き出すことができますかわかりません。

出典

2009-06-15 21:39:50

jQueryを使用してCSSファイルを解決する

答えて

関連する問題