2014-07-25 65 views
-2

假設我有以下的HTMLjQuery的返回內容的包裝,而不是唯一的內容

<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。我怎樣才能做到這一點?

謝謝。

回答

1

嘗試使用.outerHTML屬性,

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

爲什麼我必須使用索引[0]? – Greeso

+1

@Greeso由於'.outerHTML'是一個屬性,屬於普通javascript的元素對象。我們必須通過閱讀索引0中的元素來獲取它。 –

+2

outerHtml不是jQuery的屬性,它是javascript。 var x = documentElementById('a2')。outerHTML; –