javascript - 如何使用jQuery获取innerHtml(包括标签)？

抱歉，如果标题太晦涩； D.

实际的问题是，可以说我是这段代码。

<span id="spanIDxx" style="blah-blah">
   <tag1>code here </tag2> sample text
   <tag2>code here </tag2> html aass hhddll
   sample text
</span>

现在，如果我将使用代码。

jQuery("#spanIDxx").html();

那么它将只返回不包含<span id="spanIDxx" style="blah-blah">的innerHTML
但我想要可以返回包含指定元素的innerHTML的东西。

最佳答案

这将创建一个新的div并将元素的克隆附加到该div。新的div永远不会插入DOM中，因此不会影响您的页面。

var theResult = $('<div />').append($("#spanIDxx").clone()).html();

alert( theResult );

如果您需要经常使用此功能，并且不想添加其他插件，只需将其设置为函数即可:

function htmlInclusive(elem) { return $('<div />').append($(elem).clone()).html(); }

alert( htmlInclusive("#spanIDxx") );

或自己扩展jQuery:

$.fn.htmlInclusive = function() { return $('<div />').append($(this).clone()).html(); }

alert( $("#spanIDxx").htmlInclusive() );