javascript - 如何在删除 div 标签后在同一位置添加它

Question

我想在将数据导出到 Excel 之前删除标题，隐藏不起作用，因为数据仍然存在，所以我使用删除。但一旦删除，导出到 Excel 完成后，我想撤消删除的标题以进行显示。

<script type="text/javascript">

            $("#btnExport").click(function(e) {
                alert("");
                $head=$('tr.header');
                $div=$('#dvData')
                $div.remove('tr.header');
                alert();
                window.open('data:application/vnd.ms-excel,' +encodeURIComponent($div.html()));
                e.preventDefault();

            });
        </script>

我试图将 div 对象保存在该变量 div 上的变量进程中并发送它，但发送的 div 没有显示任何更改!!

Answer 1

只需进行克隆，删除您想要的任何内容，然后获取 HTML

$("#btnExport").click(function(e) {
    e.preventDefault();

    var div   = $('#dvData'),
        clone = div.clone();

    clone.find('tr.header').remove();

    window.open('data:application/vnd.ms-excel,' + encodeURIComponent( clone.html() ));
});