javascript - 防止 "jQuery( html )"触发浏览器请求图片等引用内容

Question

使用 jQuery 从文本创建新的 DOM 元素。

例子:

jQuery('<div><img src="/some_image.gif"></img></div>');

执行此语句时，它会导致浏览器从服务器请求文件“some_img.gif”。

有没有一种方法可以执行此语句，以便可以从 DOM 遍历中使用生成的 jQuery 对象，但实际上不会导致浏览器向服务器发送对图像和其他引用内容的请求？

例子:

var jquery_elememnts = jQuery('<div><img class="a_class" src="/some_image.gif"></img></div>');
var img_class = jquery_elememnts.find('img').attr('class');

我现在唯一的想法是在使用 jQuery 评估 HTML 之前，使用正则表达式从图像元素和其他会触发浏览器请求的东西中删除所有“src”标签。

如何使用 jQuery 来评估 HTML 而不会触发浏览器向服务器请求评估的 HTML 中的引用内容？

谢谢!

Answer 1

如果你用正则表达式的方式，也许像一个简单的方式

    htmlString.replace(/[ ]src=/," data-src=");

会做这份工作吗？

所以而不是寻找:

    jquery_elememnts.find('img').attr('src');

你必须寻找:

    jquery_elememnts.find('img').data('src');