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

时间:2015-02-27 06:18:36

标签: javascript jquery html

我想删除标题,因为我将数据存入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显示没有变化!!

5 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分: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() ));
});

答案 2 :(得分:0)

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

$(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/

答案 3 :(得分:0)

首先,您必须对每个变量使用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)来保留事件

答案 4 :(得分:0)

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

$("#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();

        });

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

希望这会有所帮助。