jquery - 在 JQuery 中获取节点的原始 HTML

Question

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

用例是，我像这样抓取一个输入节点:

var field = $('input');

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

Answer 1

或者您可以像这样创建添加一个 JQuery 函数:

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

所以你可以这样做:

$('input').outerHTML();

或

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

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