I want to add <br> to a div text using jQuery, but it kept showed <br> instead of newline. How can I do that? [duplicate]

Question

The code is like this:

$('#description').text(info + '<br>' + footnote);

But instead of:

Welcome to the website!
Copyright (c) 2015

It shows:

Welcome to the website!<br>Copyright (c) 2015

If I change '<br>' to '\n', then it displayed as nothing (white space)

Welcome to the website! Copyright (c) 2015

How can I add newline to a div using jQuery? Thanks.

Answer 1

That is because you are using .text(), which will escape any HTML tags in it (emphasis my own):

We need to be aware that this method escapes the string provided as necessary so that it will render correctly in HTML. To do so, it calls the DOM method .createTextNode(), does not interpret the string as HTML.

Use .html() instead:

$('#description').html(info + '<br>' + footnote);