リモートページのスタイルタグを選択していますか？

Question

リモートのxhtmlページのインラインスタイルのコンテンツを読み込もうとしています。以前はloadを使っていましたが、bodyタグの中にcssがロードされているので動作しません。したがって、私は自分のページのheadタグにスタイルを追加しようとしています。

問題は、jQueryを使用してスタイルタグを選択できないことです。私のコードは次のとおりです。

  jQuery.get(contenturl, function(data) { 
       var css = jQuery(data).find('style').html(); 
       alert(css); 
      }); 

css変数は常にnullです。何か案は？

おかげで、 ピート

Answer 1

：

次のビデオチュートリアルでは、どのようにセットアップローカルのphpファイルを、この非常に事を行うために実証

のjQuery（htmlの、[のownerDocument]）

属性がない単純な要素（例： "<div />"）は、 document.createElementによって作成されます。他のすべての場合は、文字列 をdiv要素の.innerHTMLプロパティに代入することによって解析されます。 HTML文字列は、HTML、頭部、胴体、 またはタイトル要素としてdiv要素の中に無効である 要素を含めることはできません。

したがって、ページの完全なHTMLをjQuery（）関数に渡すことはできません。 （それは実際にOperaで動作しますが、が、私はあなたがクロスブラウザのソリューションをしたいと思います。）

は、私はそのような単純な正規表現を使用して<style>タグからCSSを取得してお勧めします：

jQuery.get(contenturl, function(data) { 
    var styles = data.match(/<style.*?>[\s\S]*?<\/style>/ig); 
    $("head").append(styles.join("")); 
}); 

これもする必要がありますDOMツリー全体を作成するよりずっと高速です。

Answer 2

が、これはローカルファイルだけで動作を覚えておいてください。リモートファイルでこれを行うには、jQueryスクリプトと通信するローカルPHPスクリプトが必要です。 jQuery manualからhttp://sampsonvideos.com/video.php?video=24