Getting content of a div includes the div itself in jquery

Question

I have the following html template. I want to get the first person_line div's content includes the 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>

I tried $($('.person_line')[0]).html() but that does not include the <div class="row-fluid person_line">. Any ideas ? How can i get the content of person_line as html which includes the upper div.

possible duplicate of [Get selected element's outer HTML](http://stackoverflow.com/questions/2419749/get-selected-elements-outer-html) — andyb, Jun 11 '13 at 12:50

score 5 · Accepted Answer · answered Jun 11 '13 at 12:49

5

try using outerHTML -

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

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

answered Jun 11 '13 at 12:49

Adil Shaikh

44,509
17
89
111

score 0 · Answer 2 · answered Jun 11 '13 at 12:52

0

Try this

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

more over if you want to get the children of the person_row

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

Hope this might help.

answered Jun 11 '13 at 12:52

Akhilesh Sharma

1,580
1
17
29

this does not give the upper div. It gives the inside.Same with what I done – tuna Jun 11 '13 at 14:19

Getting content of a div includes the div itself in jquery

2 Answers2