获取jQuery中元素的HTML

我试图使用jQuery获取元素的整个HTML。当然，.html()只抓取内部HTML，但我想检索包装HTML。获取jQuery中元素的HTML

想象一下下面的HTML：

<div id="wrapper"> 
    <div id="container_a"> 
     <p>Container A</p> 
    </div> 
    <div id="container_b"> 
     <p>Container B</p> 
    </div> 
</div>

现在，如果我会做$("#container_a").html()我得到<p>Container A</p>清楚。但是，我想得到以下内容：

<div id="container_a"> 
    <p>Container A</p> 
</div>

我该如何实现这一目标？

来源

2013-06-13 RemiDG

呀，看起来像它。 Google让我失望：| – RemiDG

可以使用prop做到这一点：

$("#container_a").prop('outerHTML');

临时

来源

2013-06-13 11:12:00

很高兴看到有一种jQuery-ish方式（尽管看起来好像有点过度，tbh）...现在我将不得不对源代码进行筛选， prop（）'实际上是代理... – vzwick

@vzwick到目前为止的任何更新？ – RemiDG

@vzwick它所做的只是“修复”一些东西（比如试图访问'class'属性，它会在内部将其更改为'className'），但最终只是返回'element [name]' – Ian

使用outerHTML

$("#container_a")[0].outerHTML

演示--->http://jsfiddle.net/uBDHY/1/

https://developer.mozilla.org/en-US/docs/Web/API/element.outerHTML

来源

2013-06-13 11:09:31

就可以使用。 outerHTML此

$("#container_a")[0].outerHTML

来源

2013-06-13 11:09:39 PSR

'$（“＃container_a”）' - '＃'有所不同。 – vzwick

@vzwick谢谢，我更新了它 – PSR

使用outerHTML

$("#container_a")[0].outerHTML

使用普通的JavaScript

document.getElementById("container_a").outerHTML;

来源

2013-06-13 11:10:13 bipen

首先使用clone然后得到html

$('div').append($('#container_a').clone()).html();

来源

2013-06-13 11:14:48 som

这个解决方案，因为我知道是唯一一个在较老的jQuery /浏览器版本上工作的人 –

这应该工作

<script> 
    var a=document.getElementById("container_a").outerHTML; 
    alert(a); 
</script>

相反警报，我们可以使用变量以任何其他方式的......

来源

2013-06-13 11:19:32

获取jQuery中元素的HTML

回答

相关问题