我使用了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插件作为直接获取整个元素HTML的速记：

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

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

你也可以这样做

document.getElementById(id).outerHTML

其中id是要查找的元素的id

请注意，Josh的解决方案仅适用于单个元素。

可以说，“外部”HTML只有在只有一个元素时才真正有意义，但在某些情况下，将HTML元素列表并将其转换为标记是有意义的。

扩展Josh的解决方案，此解决方案将处理多个元素：

(function($) {
  $.fn.outerHTML = function() {
    var $this = $(this);
    if ($this.length>1)
      return $.map($this, function(el){ return $(el).outerHTML(); }).join('');
    return $this.clone().wrap('<div/>').parent().html();
  }
})(jQuery);

编辑：Josh的解决方案解决了另一个问题，请参见上面的评论。

这对于更改dom上的元素非常有用，但在将html字符串传递到jquery时不适用，如下所示：

$('<div id="foo">Some <span id="blog">content</span></div>').find('#blog').outerHTML();

经过一些操作后，我创建了一个函数，该函数允许以上内容在ie中用于html字符串：

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

$("#myNode").parent(x).html(); 

其中“x”是节点号，以0开头作为第一个节点，如果要获取特定的节点，则应获取所需的正确节点。如果你有子节点，你应该在你想要的节点上加上一个ID，这样你就可以把它归零了。使用这种方法，没有“x”对我来说很好。