jQuery，获取整个元素的html

Question

我希望获取选定元素的整个html，而不仅仅是它的内容。.html（）根据文档使用javascripts innerHTML（）方法。HTML：<div id="divs">  <div id="div1">    <p>Some Content</p>  </div>  <div id="div2">    <p>Some Content</p>  </div></div>使用$('#divs:first').html();将仅返回段落元素。我想获取整个元素的html，如下所示：  <div id="div1">    <p>Some Content</p>  </div>我不能使用.parent，因为这将返回两个子div的html。

Answer 1

您可以克隆它以获取全部内容，如下所示：

var html = $("<div />").append($("#div1").clone()).html();

或使其成为一个插件，通常倾向于将其称为“ outerHTML”，如下所示：

jQuery.fn.outerHTML = function() {

  return jQuery('<div />').append(this.eq(0).clone()).html();

};

然后，您可以致电：

var html = $("#div1").outerHTML();

Answer 2

您只需使用一个简化以下代码的行代码就可以实现：

$('#divs').get(0).outerHTML;

就如此容易。