Inserting new line characters into a div using $('#dividname').text

Question

I have appended a <div> to the body of my page using

$('body').append('<div id="itemInfo"><h2>TEST</h2></div>');

This <div> is hidden in my css. I am then altering the text within the <div> using a function as follows.

    function appendMessage(messagestring) {
    $('#itemInfo h2').text(messagestring);
    $('#itemInfo').fadeIn();
    $('#itemInfo').fadeOut(3000);   
}

This is declared using the following.

appendMessage("Something. ");

The problem is, I cannot seem to get <br /> or /n characters to work within the message. How do I use new line characters within the .text() function?

Try wrapping the messages that you append to the div in
elements — Bryant Frankford, Aug 25 '15 at 20:17
http://stackoverflow.com/questions/4535888/jquery-text-and-newlines — Jacob Petersen, Aug 25 '15 at 20:20

score 5 · Accepted Answer · answered Aug 25 '15 at 20:18

5

try use the html() function:

$('#itemInfo h2').html(messagestring);

answered Aug 25 '15 at 20:18

DZanella

243
1
8

Yeah that's it, thanks. I'll accept in a few mins (need to wait apparently) – AMorton1989 Aug 25 '15 at 20:21

Inserting new line characters into a div using $('#dividname').text

1 Answers1