jquery - 将远程 html 加载到容器中但阻止运行

Question

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

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

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

Answer 1

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

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

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

Answer 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
    });
});