Question

我试图使用jQuery获取元素的整个HTML。当然，.html()只抓取内部HTML，但我也想检索包装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>

我将如何实现这一目标？

Answer 1

您可以使用prop：

执行此操作

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

FIDDLE DEMO

Answer 2

使用outerHTML

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

使用普通的javascript

document.getElementById("container_a").outerHTML;

Answer 3

首先使用clone进行临时，然后获取html

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

Answer 4

这应该有效

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

我们可以以任何其他方式使用变量a而不是警告......

Answer 5

使用outerHTML

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

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

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

Answer 6

您可以使用。outerHTML来实现此目标

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

在jQuery中获取元素的HTML

6 个答案: