Jquery HTML()函数-如何包含选择器HTML

可能重复：
获取所选元素'；s外部HTML

我怀疑这是一个非常愚蠢的问题，但当您在JQuery中调用Html((函数时，它会返回Html内部的选定节点。是否在返回的Html中包含所选注释？例如以下HTML

<div class="demo-container">
  <div class="demo-box">Demonstration Box</div>
</div>

该呼叫$('div.demo-container').html();返回

<div class="demo-box">Demonstration Box</div>

我如何让它返回

<div class="demo-container">
  <div class="demo-box">Demonstration Box</div>
</div>

谢谢你的帮助！

您可以将它的副本包装在一个无聊的div中，并获得它的HTML：

var str = $('div.demo-container').clone().wrap('<div/>').parent().html();

编写此扩展，例如

jQuery.fn.outerHTML = function(s) {
   return (s)
   ? this.before(s).remove()
   : jQuery("&lt;p&gt;").append(this.eq(0).clone()).html();
}

然后当你想使用它时：

$('#myTag').outerHTML();

这可能对您有用：

$('div.demo-container').parent().html();

$('div.demo-container').parent().html() //Only works in this specific situation

或

$('div.demo-container')[0].outerHTML; //Only works in IE and Chrome

相关内容