有没有办法防止在 jQuery 对象化 HTML 片段中加载图像

【问题标题】：Is there a way to prevent loading of images in a jQuery objectified HTML fragment有没有办法防止在 jQuery 对象化 HTML 片段中加载图像
【发布时间】：2013-04-02 09:13:01
【问题描述】：

我有一个 HTML 片段，我通过 jQuery 对其进行对象化，以便从中提取一些数据。这个片段有一些我不希望浏览器下载的图片资源。有什么办法吗。

我当前代码的简化版本：

var html = '<p class="data">Blah Blah</p>...<img src="/a/b/...png">...<div>...</div>';

var obj = $(html); // this makes the browser download the contained images as well!!!

var myData = {
    item_1: obj.find('.data:first').text(),
    item_2: obj.find('.data2:first').text(),
    .... // and so on..
};

【问题讨论】：

标签： javascript jquery dom

【解决方案1】：

除非您认为字符串中会有对您很重要的子字符串 src= 的实例，否则您可以这样做：

html = html.replace(/src=/g, "data-src=");

或者可能

html = html.replace(/src\s*=/g, "data-src=");

...允许空格。这样，浏览器就不会看到src 属性，也不会触发下载。

有时直接的方法是最好的。当然，如果您认为可能有 src= 子字符串对您要提取的内容很重要，那么...

【讨论】：

谢谢。不要认为我需要提取的数据中的任何地方都有src=。这应该有效。（不敢相信我想不到这个！）
这个答案听起来很熟悉。嗯ah yes ;)
@CrescentFresh：天哪！好吧，至少我是一致的。