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() {&nbsp; return jQuery('<div />').append(this.eq(0).clone()).html();};然后，您可以致电：var html = $("#div1").outerHTML();

Answer 2

您只需使用一个简化以下代码的行代码就可以实现：$('#divs').get(0).outerHTML;就如此容易。