得到與jQuery

Question

<div> 
    <a href="#" class="selected">link1</a> 
    <a href="#">link1</a> 
</div> 

自我的HTML代碼，並使用以下

$('.selected').html()我得到

link1

作爲返回值。

我怎樣才能獲得所選擇的DOM元素的完整的HTML代碼，在這個例子中得到

<a href="#" class="selected">link1</a>

呢？

感謝

Answer 1

jQuery對象：

$('.selected') 

成爲DOM對象：

$('.selected')[0] 

UPDATE：

var str = $("<div />").append($('.selected').clone()).html(); 
console.log(str); 

Answer 2

我知道，這適用於Chrome，不知道休息：

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

該屬性是從JavaScript（jQuery的沒有），並給你你在找什麼。

Answer 3

只需使用outerHTML屬性可能無法在所有瀏覽器上運行。您需要自行序列化瀏覽器，而不支持outerHTML。看到這個帖子了一個解釋：How do I do OuterHTML in firefox?

Answer 4

你可以試試這個jQuery插件：http://darlesson.com/jquery/outerhtml/

Answer 5

我做了類似上述的解決方案，但沒有克隆。

var test = $('#test').wrap('<div class="wrap-unwrap"></div>'); 
var str = test.parent().html(); 
test.unwrap(); 
console.log(str);