开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery:外部html()

问jQuery:外部html()
EN

Stack Overflow用户

提问于 2011-04-21 20:37:29

回答 3查看 402.5K关注 0票数 362

想象一下，我们会有这样的结果：

<div id="xxx"><p>Hello World</p></div>

如果我们以这种方式调用.html函数：

$("#xxx").html();

我们将得到：

<p>Hello World</p>

但我需要得到：

<div id="xxx"><p>Hello World</p></div>

那么，我需要做什么呢？我想在#xxx周围添加另一个包装器，但这不是一个好主意。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-04-21 20:41:10

创建一个临时元素，然后选择clone()和append()

$('<div>').append($('#xxx').clone()).html();

票数 217

EN

Stack Overflow用户

发布于 2011-04-21 20:43:36

只需使用标准的DOM功能：

$('#xxx')[0].outerHTML

或者使用.prop()更简单一点

$('#xxx').prop('outerHTML')

outerHTML得到了很好的支持-请访问Mozilla或caniuse进行验证。

票数 1.3K

EN

Stack Overflow用户

发布于 2011-04-21 20:40:46

如果你不想添加包装器，你可以手动添加代码，因为你知道你的目标ID：

var myID = "xxx";

var newCode = "<div id='"+myID+"'>"+$("#"+myID).html()+"</div>";

票数 -10

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5744207

复制

相似问题