JQuery：选择一个元素的html，包括在内？答案

【问题标题】：JQuery: Select html of an element, inclusive?JQuery：选择一个元素的html，包括在内？
【发布时间】：2019-04-07 08:27:49
【问题描述】：

选择元素的 html 的最佳方法是什么？例如：

<div id="testDiv" class="testClass">
  This is just a test.
</div>

而$('#testDiv').html() 返回"This is just a test."，我会选择返回：

<div id="testDiv" class="testClass">This is just a test.</div>.

感谢您的回复。

【问题讨论】：

标签： jquery css-selectors

【解决方案1】：

试试this jQuery.outerHTML() implementation。

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

【讨论】：

@Esteban 您可以添加return this; 以便它可以链接。

【解决方案2】：

这类似于接受的答案，添加 2 项改进：

返回线，以便可链接。示例：$(select).outerHTML().css(x);
以不干扰其他代码的方式声明。见https://learn.jquery.com/plugins/basic-plugin-creation/

代码如下：

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

【讨论】：