在 JQuery 中获取 Node 的原始 HTML

我用过$("#parent").html()获取内部 html#parent，但是我如何获取父级本身的 html 呢？

用例是，我获取一个像这样的输入节点：

var field = $('input');

我希望能够获取该节点的原始 html (<input type='text'>）与类似的东西field.html()，但返回空。这可能吗？

或者您可以创建添加 JQuery 函数，如下所示：

jQuery.fn.outerHTML = function(s) {
  return (s)
  ? this.before(s).remove()
  : jQuery("<p>").append(this.eq(0).clone()).html();
}

所以你可以这样做：

$('input').outerHTML();

or

$('input').outerHTML("new html");

谢谢http://yelotofu.com/2008/08/jquery-outerhtml/ http://yelotofu.com/2008/08/jquery-outerhtml/