将远程 html 加载到容器中但阻止运行答案

【问题标题】：Load remote html into a container but prevent from running将远程 html 加载到容器中但阻止运行
【发布时间】：2012-11-07 23:41:57
【问题描述】：

我想使用服务器端脚本将 html 从远程站点提取到 div 容器中，这样我就可以使用 jquery 从页面上的某些元素中提取值。例如。元标签/页面标题等

有没有办法阻止 HTML 实际运行，同时仍然能够使用 jQuery 选择器？

我可以将远程内容解析为可转义的 json 吗？

【问题讨论】：

通过说有没有办法阻止 HTML 实际运行？ 你的意思是抓住标记但不显示它？

标签： jquery json

【解决方案1】：

您可以直接将 HTML 加载到 jQuery 对象中，而无需将其添加到您的页面中：

var jQueryObjectOfRemoteHtml = $('<div>Literally add the HTML like this</div>');

我在里面放了一个div 标签——但是你可以把所有的东西都放在那里，然后对它运行 jQuery 操作，永远不要把它添加到你的 HTML 页面中。

【讨论】：

【解决方案2】：

是的：

$.get('yoururl/test.html', function(data) {
    var html = $(data);
    //html is now a queryable jQuery object

    //find a div by id:
    console.log(html.find("#somediv"));

    //iterate all meta tags:
    html.find("meta").each(function(){
        //do your thing here
    });
});

【讨论】：