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

将已保存的变量附加到已删除div的父级。

Answer 2

只需制作克隆，删除您想要的任何内容，然后获取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() ));
});

Answer 3

在目标元素之前添加它...将其删除后发布...

$(function() {

    $('#add').click(function(){
        var div = $('div.toRemove');
        var newDiv = $('<div/>').addClass('added').html('hello world');
        //newDiv.prependTo(div);
        div.before(newDiv);
        this.disabled = true;
        div.remove();        
    });

    $('#reset').click(function(){
       $('div').remove();
        $(document.body).append($('<div/>').addClass('toRemove').html('toremove'));
        $('#add').removeAttr('disabled');
    });
});

小提琴：http://jsfiddle.net/deostroll/wnu9pv9y/

Answer 4

首先，您必须对每个变量使用var，例如$head和$div

您可以使用克隆来获得所需的结果。

            $("#btnExport").click(function(e) {
                var $clonedDiv = $('#dvData').clone(true);
                $clonedDiv.find("tr.header");
                window.open('data:application/vnd.ms-excel,' +encodeURIComponent($clonedDiv.html()));
                e.preventDefault();

            });
        </script>

使用clone(true)来保留事件

Answer 5

根据您的理解，您首先要在导出之前删除标题，然后想要按原样添加到表中。如果我正确理解您的要求，请尝试以下

$("#btnExport").click(function (e) {
            alert("");
            $div = $('#dvData')
            $divToRemain = $div.find('#TableId thead')
            $div.find('#TableId thead').remove();
            window.open('data:application/vnd.ms-excel,' + encodeURIComponent($div.html()));
            $divToRemain.appendTo('#tblHoliday');
            e.preventDefault();

        });

这里我将删除的标题保存在变量中，导出后我将其附加到表中。

希望这会有所帮助。

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

5 个答案: