javascript – 如何获取innerHtml,包括标签,使用jQuery?

前端之家收集整理的这篇文章主要介绍了javascript – 如何获取innerHtml,包括标签,使用jQuery?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对不起,如果标题太模糊; 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();

那么它将只返回innerHTML,不包括< span id =“spanIDxx”style =“blah-blah”>
但我想要的东西可以返回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() );

猜你在找的jQuery相关文章