通过outerHTML获取HTML内容并去掉一个div

Posted 2023-05-07

【中文标题】通过outerHTML获取HTML内容并去掉一个div

【英文标题】：Get HTML content by outerHTML and remove one div

【发布时间】：2017-04-17 03:16:23

【问题描述】：

我正在使用 outerhtml 获取 HTML 标记的内容

var t=$("html")[0].outerHTML;

但我需要从结果中删除特定的 div

<div id="admin_panel">...</div>

这是我的 jQuery 代码：

$(function() 
    $('#save').click(function()
        var t=$("html")[0].outerHTML;
        $.ajax(
            type: "POST",
            url: "save.php",
            data:  code: t ,
            cache: false,
            success: function(html)
                alert('Changed saved');
            
        );
    )
);

如何正确删除 div？

【参考方案1】：

无损：

jQuery: outer html()

var $div = $('<div/>').append($('html').clone()).html();
$div.find("#admin-panel").remove();
var t=$div.html();

【参考方案2】：

看起来像这样：

$(function() 
    $('#save').click(function()
        var t = $("html")[0].outerHTML;
        var $t = $(t);
        $t.find("#admin_panel").remove();
        t = $t[0].outerHTML;
        $.ajax(
            type: "POST",
            url: "save.php",
            data:  code: t ,
            cache: false,
            success: function(html)
                alert('Changed saved');
            
        );
    )
);

【讨论】：

哎呀！固定答案。试试这个