javascript - Jquery 复制页面的 html，就像在 jquery 滑块启动之前一样

Question

如果您有一个网页，并且该页面上有一个 jquery 滑块，例如 nivo 滑块。在使用 jQuery 时，我希望能够像在 nivo 滑块启动之前那样复制页面的 html。

我想这样做是因为我不希望滑块在 .html() 中捕获动画时放在 div 和图像上的所有内联样式和数字。

有没有一种方法可以抓取网页的静态 html？

Answer 1

尝试在您所在的页面上使用 jQuery 的加载功能。这将加载所有 HTML，但不会在其上运行任何脚本。

就像是

$("#copy-page").click(function(e) {
    var href = window.location.href;
    $("#result").load(href);
});

如果需要将其保存到变量中，则可以$.get()改用。

$("#copy-page").click(function(e) {
    var href = window.location.href;
    var content;
    $.get(href, function(data) {
        content = data;
        alert(content);
    });
});

Answer 2

• 您可以在滑块初始化之前捕获页面的 html 并将其保存到变量中以供以后使用。这样您就不会在此之后对页面进行任何更改。

• 检索滑块后，您可以从 html 中删除滑块内容。像这样的东西应该工作：

  var html = $('body').clone().find('slider').remove().end().html();