jQuery的返回内容的包装，而不是唯一的内容

Question

假设我有以下的HTML

<articles> 

    <article id="a1"> 
     <!-- Content of article with id="a1" --> 
    </article> 

    <article id="a2"> 
     <!-- Content of article with id="a2" --> 
    </article> 

    <article id="a3"> 
     <!-- Content of article with id="a3" --> 
    </article> 

</articles> 

使用jQuery，我做了以下

var x = $("#a2").html(); 

现在，变量x将contian ：

<!-- Content of article with id="a2" --> 

但是，我喜欢有x包含：

<article id="a2"> 
    <!-- Content of article with id="a2" --> 
</article> 

我想：

var x = $("#a2").parent().html(); 

但返回的所有三篇文章，这不是我想要的。我只想要文章a2。我怎样才能做到这一点？

谢谢。

Answer 1

尝试使用.outerHTML属性，

var x = $("#a2")[0].outerHTML;