イメージを要求せずにHTML文字列をjQueryにロード

Question

イメージを要求せずにイメージタグを含むHTML文字列をjQueryにロードする方法はありますか？私はいくつかの情報を抽出するためにjQueryオブジェクトのセレクタを実行できるようにしたい。ブラウザがhttp://image.url/file.jpgの要求を行います

var string = $('<p><img src="http://image.url/file.jpg" /></p>'); 
string.find('img'); 

次の例を取ります。私は同じことをする方法を見つけようとしていますが、ブラウザーはイメージを要求しません。

ありがとうございました

Answer 1

あなたの質問の境界については明確にする必要があります。あなたの質問は： "画像を読み込まずにjQueryオブジェクトに変更しないで正確なHTMLをロードする方法はありますか？"という答えはNOです。 jQueryは一時的な親オブジェクトを作成し、HTMLをinnerHTMLプロパティに代入します。これによりブラウザはこのHTMLを完全に解析し、画像URLをロードします。

あなたが画像をロードすることなく、このHTML上の選択操作を実行したいのであれば、あなたはいくつかのオプションがあります：

1. を自分.srcプロパティがなくなっているようにjQueryにHTMLを与える前にイメージタグを変更しますか、空であるか、<img>タグが画像タグではないか、存在しなくなりました。

2. このタイプのjQuery以外のものを使用して、HTMLを解析してセレクタ操作を準備します。

なぜこれをしようとしているのか、セレクタ操作で何をしようとしているのかについて少し詳しくお知りになりましたら、

Answer 2

あなたはこの

<img id="imgid" src="" data-src="/path_to_image"> 

のように、他の属性に画像のパスを追加することができますし、あなたがする必要があるとき、あなたはデータ-SRCとのsrc属性を置き換えることができます。この

ような何か

$('#imgid').attr('src',$('#imgid').attr('data-src')); 

Answer 3

あなたが検索を実行するために、XML文書を使用することができます。

function searchXml(xmlStr, selector) { 
    var parser, xmlDoc; 
    if(window.DOMParser) { 
     parser = new DOMParser(); 
     xmlDoc = parser.parseFromString(xmlStr, "text/xml"); 
    } else { 
     xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); 
     xmlDoc.async = false; 
     xmlDoc.loadXML(xmlStr); 
    } 
    return $(xmlDoc).find(selector); 
} 

console.log(searchXml('<p><img src="http://image.url/file.jpg" /></p>', 'img').attr('src'));​​​​ 

は、アクションでそれを参照してください：http://jsfiddle.net/na9Tt/

は、XMLドキュメントではなく、HTMLである点に注意してくださいHTMLに固有の検索のいくつかの特定のタイプはまったく同じようには動作しない可能性があります。

Answer 4

これは私が知っている限り、それはhereですが、文字列が有効なHTMLではない場合、そのページの最初のメソッドが機能しない可能性があります。画像へのリクエストを作成せず、インラインスクリプトを実行しようとしません（これは、私の使用事例に最適です - Chrome拡張機能のバックグラウンドタスク）。

var doc = document.implementation.createHTMLDocument(""); 
doc.body.innerHTML = htmlString;