如何在jquery中获取父级和子级的html

Question

<ul class="messages">
<li class="error-msg">
    <ul>
        <li><span>Error.</span></li>
    </ul>
</li>
</ul>

 $(document).ready(function(){
    if($("ul.messages").length > 0){
        var MessageContent = $("ul.messages").html();
        alert(MessageContent);
    }
});

以上jquery代码警告li ul内部messages。 我想要整个HTML，但是引用了类messages。

fiddle here

Answer 1

尝试，

$(document).ready(function(){
    if($("ul.messages").length > 0){
        var MessageContent = $("ul.messages")[0].outerHTML;
        alert(MessageContent);
    }
});

DEMO