jQuery的回報元素HTML而不是內容

Question

我有這樣的事情

<ul> 
<li class="aclass" id="a">content</li> 
<li class="aclass" id="b">content</li> 
<li class="aclass" id="c">content</li> 
<li class="aclass" id="d">content</li> 
<li class="aclass" id="e">content</li> 
<li class="aclass" id="f">content</li> 
</ul> 

我有這樣的代碼

$(".aclass").live("mousedown",function() { 

alert($this.html()); 

}); 

這將提醒的內容，我想這樣做是警惕整個元素像

<li class="aclass" id="f">content</li> 

我試過$（本）.parent（），但返回整個UL

Answer 1

alert($(this).clone().wrap('<div/>').parent().html()); 

Answer 2

alert($('<div/>').append($(this).clone()).html()); 

http://jsfiddle.net/keegan3d/nfEyQ/

Answer 3

爲了得到一個DOM節點，你可以使用屬性的HTML代碼outerHTML

var html = document.getElementById('someId').outerHTML; 

在Firefox這個傷心地行不通的。但是您可以使用XMLSerializer來實現相同的結果。像這樣

var elm = document.getElementById('someId'); 
var xmls = new XMLSerializer(); 
var html = xmls.serializeToString(elm); 

在你的jQuery代碼

這可能是這個樣子：

$(".aclass").live("mousedown",function() { 
    alert(this.outerHTML || new XMLSerializer().serializeToString(this) ); 
});