使用jquery在javascript变量中复制html div

【问题标题】：copy html div in javascript variable using jquery使用jquery在javascript变量中复制html div
【发布时间】：2020-08-13 21:43:56
【问题描述】：

在我的 aspx 页面中，我有一个包含简单 html 的 div，有一些 id（比如“datadiv”）

使用 jquery 我想将该 div（整个 div）的 html 放入 JavaScript 变量中

怎么办？

谢谢。

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

var someVar = $("#somediv").html();

【讨论】：

【解决方案2】：

如果您希望 Internet Explorer 的 outerHTML 等价物同时检索 div 及其内容，那么扩展 JQuery 的 function from this page 应该会有所帮助：#

jQuery.fn.outerHTML = function() {
    return $('<div>').append( this.eq(0).clone() ).html();
};

然后调用：

var html = $('#datadiv').outerHTML();

【讨论】：

【解决方案3】：

            <!DOCTYPE html>
            <html>
            <head>
            <script src="http://code.jquery.com/jquery-latest.js"></script>
            </head>
            <body>

            <b>Hello</b><p>, how are you?</p>

            <script>
            $("b").clone().prependTo("p");
            </script>

            </body>
            </html>
            **Out put:**
            Hello
            Hello, how are you?

【讨论】：

【解决方案4】：

终于搞定了..!!最简单的方法！！
HTML 代码

<div class="extra-div">
    <div class="div-to-pull-in-variable">
     // Your Content Here
    </div>
</div>

JQuery 代码

    $(function() {
        var completeDiv = $('.extra-div').html();
        alert(completeDiv); 
       })
    });

【讨论】：