Question

How do i get content of child DIV elements when the parent element is also a DIV. I want new line per child content. Here is the HTML i have.

<div id="Messages">
   <div class="MessageNew">This is test message </div><br>
   <div class="Message">Thank you ... </div><br>
   <div class="Message">Third test message. </div><br>
</div>

This is what i have tried

   var msgs = $("#Messages").text();

I am getting this output

This is test message Thank you ... Third test message. 

This is what i want

This is test message 
Thank you ... 
Third test message. 

Answer 1

Try this:

$('#Messages div').each(function(index) {
   alert($(this).text());
});