在jQuery中获取元素的HTML

Getting the HTML of an element in jQuery

本文关键字：HTML 元素 获取 jQuery      更新时间：2023-09-26

我试图使用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>

我该如何做到这一点?

您可以使用prop:

$("#container_a").prop('outerHTML');
<<p> 小提琴演示/strong>

使用outerHTML 

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

使用纯javascript

document.getElementById("container_a").outerHTML;

首先使用clone作为临时使用，然后使用html 

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

应该可以了

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

使用outerHTML 

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

Demo ---> http://jsfiddle.net/uBDHY/1/

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

可以使用。outerHTML for this

$("#container_a")[0].outerHTML
相关文章：