使用jQuery解析CSS文件

我想使用jQuery從我的頁面抓取所有的css文件引用。任何建議如何我可以構建一個查詢來抓住他們？使用jQuery解析CSS文件

舉個例子，計算器有一個頭部分，看起來像這樣：如果

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

，並從那裏，我想使用jQuery拉出只是單一的CSS類（或倍數它們存在）跟...共事。

來源

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'attrib上的我的大寫字母。 – 2009-06-15 21:48:08

要選擇鏈接元素接你可以使用鏈接：

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

但我不知道，你可以查找到並從那裏拉出來的CSS類。

來源

2009-06-15 21:39:50

使用jQuery解析CSS文件

回答

相關問題