javascript - 避免 jQuery(预)加载图像

Question

我有一个 HTML 字符串用作 jQuery 输入文档。

// the variable html contains the HTML code

jQuery( html ).find( 'p' ).each( function( index, element ) {
    // do stuff
});

不过，我不断收到图像不存在的错误(在我的变量 html 中)。 HTML 中的图像具有与我主机上的图像不对应的相对 URL，因此自然无法找到它们，所以我在控制台中收到 404 错误。

是否有一种 jQuery 方式来避免 jQuery 加载图像？如果没有，我将不得不找到所有图像并使用非 jQuery 替换 src，这有点难过，因为这正是jQuery 派上用场的地方 :p

---

编辑:

我会逐步解释。

我有一个变量，html，它包含来自另一个站点的一些 HTML 代码。我将该变量放在 jQuery 构造函数中，因为我想对该 HTML 执行操作。

jQuery(html);

此时我收到 404 错误，因为 HTML 源中的图像是相对的；它们与我在主机上的图像不符。

• 我不能使用 jQuery 删除 src 标签，因为我仍然会出错
• 编写一些 javascript 来修改 src 值是很愚蠢的；这就是我使用 jQuery 的原因

所以，我要问的是，是否有一个设置或任何可以避免 jQuery 在提供的源中加载图像的设置。

谢谢。

Answer 1

要停止加载图像，您需要在 创建 jQuery( html ) 对象之前修改 html。您也可以为此使用 jquery。

var newhtml = html.replace('src=','nosrc=');
jQuery( newhtml ).find( 'p' ).each( function( index, element ) {
    // do stuff
});