javascript - 获取 html 元素作为字符串

Question

可能重复：
jQuery，获取整个元素的 html

假设我有：

<span>my span</span>

我希望将 html 作为这个跨度的字符串

我用：

var mySpan = $('span');

如何处理 mySpan var 作为结果字符串"<span>my span</span>"

谢谢你的帮助

Answer 1

我认为这会有所帮助：http: //jsfiddle.net/HxU7B/2/。

---

更新。

mySpan[0].outerHTML将采用先前选定的节点并获得本机outerHTML属性。由于旧的 Firefox 版本没有该属性，我们可以使用一些 hack 来获取 html - 只需将节点克隆到 dummy div，然后获取此 div 的 innerHTML：$('<div/>').append(mySpan.clone()).html()

Answer 2

jQuery 无法做到这一点，但常规的 JavaScript DOM 对象可以：

var mySpanString = $('span').get(0).outerHTML;

Answer 3

正如其他人所说，您可以使用outerHTML或clone -> append -> html()

但这里有另一种方法，

var nodeName = mySpan[0].nodeName.toLowerCase();
var outerHtml = "<"+nodeName +">"+mySpan.html()+"</"+nodeName +">";