要将完整的jQuery插件制作为.outerHTML，请将以下脚本添加到任何js文件中，并在jQuery之后包含在头中：

更新新版本有更好的控制，以及更友好的jQuery选择器服务！：）

;(function($) {
    $.extend({
        outerHTML: function() {
            var $ele = arguments[0],
                args = Array.prototype.slice.call(arguments, 1)
            if ($ele && !($ele instanceof jQuery) && (typeof $ele == 'string' || $ele instanceof HTMLCollection || $ele instanceof Array)) $ele = $($ele);
            if ($ele.length) {
                if ($ele.length == 1) return $ele[0].outerHTML;
                else return $.map($("div"), function(ele,i) { return ele.outerHTML; });
            }
            throw new Error("Invalid Selector");
        }
    })
    $.fn.extend({
        outerHTML: function() {
            var args = [this];
            if (arguments.length) for (x in arguments) args.push(arguments[x]);
            return $.outerHTML.apply($, args);
        }
    });
})(jQuery);

这将使您不仅可以获得一个元素的outerHTML，甚至可以同时获得多个元素的Array返回！并且可以在以下两种jQuery标准样式中使用：

$.outerHTML($("#eleID")); // will return outerHTML of that element and is 
// same as
$("#eleID").outerHTML();
// or
$.outerHTML("#eleID");
// or
$.outerHTML(document.getElementById("eleID"));

对于多个元素

$("#firstEle, .someElesByClassname, tag").outerHTML();

代码段示例：

console.log（'$.outerHTML（$（“#eleID”））'+“\t”，$.outrHTML（$”#eleID“）））；console.log（'$（“#eleID”）.outerHTML（）'+“\t\t”，$（“#eleID”；console.log（'$（“#firstEle，.someElesByClassname，tag”）.outerHTML（）'+“\t”，$（“#firstEle”，.someElesByClassname，tag“）.outrHTML（））；var checkThisOut=$（“div”）.outerHTML（）；console.log（'var checkThisOut=$（“div”）.outerHTML（）；'+“\t\t”，选中ThisOut）；$.each（checkThisOut，函数（i，str）｛$（“div”）.eq（i）.text（“My outerHTML Was：”+str）；｝）；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><script src=“https://rawgit.com/JDMcKinstry/ce699e82c7e07d02bae82e642fb4275f/raw/deabd0663adf0d12f389ddc03786468af4033ad2/jQuery.outerHTML.js“></script><div id=“eleID”>这将</div><div id=“firstEle”>被替换</div><div class=“someElesByClassname”>运行时</div><h3><tag>打开控制台以查看结果</tag></h3>

扩展jQuery：

(function($) {
  $.fn.outerHTML = function() {
    return $(this).clone().wrap('<div></div>').parent().html();
  };
})(jQuery);

并像这样使用：$（“#myTableRow”）.outerHTML（）；

我在寻找问题的答案时遇到了这个问题，我试图删除一个表行，然后将其添加回表的底部（因为我正在动态创建数据行，但希望在底部显示“添加新记录”类型的行）。

我也有同样的问题，因为它正在返回innerHtml，因此缺少TR标记，该标记保存了该行的ID，这意味着不可能重复该过程。

我发现的答案是jquery remove（）函数实际上返回了它删除的元素作为对象。所以，要删除并重新添加一行，就这么简单。。。

var a = $("#trRowToRemove").remove();            
$('#tblMyTable').append(a);  

如果您没有删除该对象，但希望将其复制到其他地方，请改用clone（）函数。

纯JavaScript：

var outerHTML = function(node) {
  var div = document.createElement("div");
  div.appendChild(node.cloneNode(true));
  return div.innerHTML;
};

我使用了Jessica的解决方案（由Josh编辑），使outerHTML在Firefox上运行。然而，问题是我的代码被破坏了，因为她的解决方案将元素包装成DIV。再添加一行代码就解决了这个问题。

下面的代码为您提供了outerHTML，使DOM树保持不变。

$jq.fn.outerHTML = function() {
    if ($jq(this).attr('outerHTML'))
        return $jq(this).attr('outerHTML');
    else
    {
    var content = $jq(this).wrap('<div></div>').parent().html();
        $jq(this).unwrap();
        return content;
    }
}

并像这样使用：$（“#myDiv”）.outerHTML（）；

希望有人觉得它有用！

要将完整的jQuery插件制作为.outerHTML，请将以下脚本添加到任何js文件中，并在jQuery之后包含在头中：

更新新版本有更好的控制，以及更友好的jQuery选择器服务！：）

;(function($) {
    $.extend({
        outerHTML: function() {
            var $ele = arguments[0],
                args = Array.prototype.slice.call(arguments, 1)
            if ($ele && !($ele instanceof jQuery) && (typeof $ele == 'string' || $ele instanceof HTMLCollection || $ele instanceof Array)) $ele = $($ele);
            if ($ele.length) {
                if ($ele.length == 1) return $ele[0].outerHTML;
                else return $.map($("div"), function(ele,i) { return ele.outerHTML; });
            }
            throw new Error("Invalid Selector");
        }
    })
    $.fn.extend({
        outerHTML: function() {
            var args = [this];
            if (arguments.length) for (x in arguments) args.push(arguments[x]);
            return $.outerHTML.apply($, args);
        }
    });
})(jQuery);

这将使您不仅可以获得一个元素的outerHTML，甚至可以同时获得多个元素的Array返回！并且可以在以下两种jQuery标准样式中使用：

$.outerHTML($("#eleID")); // will return outerHTML of that element and is 
// same as
$("#eleID").outerHTML();
// or
$.outerHTML("#eleID");
// or
$.outerHTML(document.getElementById("eleID"));

对于多个元素

$("#firstEle, .someElesByClassname, tag").outerHTML();

代码段示例：

console.log（'$.outerHTML（$（“#eleID”））'+“\t”，$.outrHTML（$”#eleID“）））；console.log（'$（“#eleID”）.outerHTML（）'+“\t\t”，$（“#eleID”；console.log（'$（“#firstEle，.someElesByClassname，tag”）.outerHTML（）'+“\t”，$（“#firstEle”，.someElesByClassname，tag“）.outrHTML（））；var checkThisOut=$（“div”）.outerHTML（）；console.log（'var checkThisOut=$（“div”）.outerHTML（）；'+“\t\t”，选中ThisOut）；$.each（checkThisOut，函数（i，str）｛$（“div”）.eq（i）.text（“My outerHTML Was：”+str）；｝）；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><script src=“https://rawgit.com/JDMcKinstry/ce699e82c7e07d02bae82e642fb4275f/raw/deabd0663adf0d12f389ddc03786468af4033ad2/jQuery.outerHTML.js“></script><div id=“eleID”>这将</div><div id=“firstEle”>被替换</div><div class=“someElesByClassname”>运行时</div><h3><tag>打开控制台以查看结果</tag></h3>