获取div的内容包括div本身在jquery中

Question

我有以下html模板。我想得到第一个person_line div的内容包括person_line div。

<div class=​"person_row">​
    <div class=​"row-fluid person_line">​
        <div class=​"span4">​…​</div>​
        <div class=​"span8">​…​</div>​
        <div class=​"clearfix">​</div>​
    </div>​
    <div class=​"row-fluid person_line">​
        <div class=​"span4">​…​</div>​
        <div class=​"span8">​…​</div>​
        <div class=​"clearfix">​</div>​
    </div>​
</div>​

我尝试$($('.person_line')[0]).html()，但不包括<div class=​"row-fluid person_line">。有任何想法吗 ？如何将person_line的内容作为包含上部div的html。

Answer 1

尝试使用outerHTML -

$('.person_line')[0].outerHTML

• https://developer.mozilla.org/en-US/docs/Web/API/element.outerHTML

Answer 2

试试这个

$(".person_line").eq(0).html();

如果你想得到person_row的孩子那么多了

childArray = $(".person_row").find(".person_line");

希望这可能有所帮助。