将html元素作为字符串

时间:2012-09-27 01:14:58

标签: javascript jquery html

  

可能重复:
  jQuery, get html of a whole element

我想说:

<span>my span</span>

我想将html作为此跨度的字符串

我用:

var mySpan = $('span');

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

感谢您的帮助

3 个答案:

答案 0 :(得分:8)

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


更新。

mySpan[0].outerHTML将选择一个预先选定的节点并获取原生outerHTML属性。由于旧的Firefox版本没有该属性,我们可以使用一些黑客来获取html - 只需将节点克隆到虚拟div然后获取此div的innerHTML:$('<div/>').append(mySpan.clone()).html()

答案 1 :(得分:2)

jQuery无法做到这一点,但常规JavaScript DOM对象可以:

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

答案 2 :(得分:1)

正如其他人所说,您可以使用 outerHTML 克隆 - &gt;追加 - &gt; HTML()

但这是另一种方法,

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