Cannot implement line breaks inside .text() - \n not working

Question

I want to have the following text with break lines in my .js file:

button = 0;

var cardTextDefault = function(textInProzent){
    $("#button").text('text part I.\n is:'+percent+'%\n\n text part two');
}

This var is afterwards called when clicking the button:

cardTextDefault(button.value);

Do you have any clue why \n is not breaking my line?

You need to use html(). Text is surprisingly just text. See this https://stackoverflow.com/questions/1910794/what-is-the-difference-between-jquery-text-and-html — Abdul Sadik Yalcin, Jan 12 '18 at 12:33
use
like `'text part I.'
' is:'+percent+'%'
'text part two'` — SF..MJ, Jan 12 '18 at 12:34

Cerbrus · Accepted Answer · 2018-01-12T12:35:39.110

3

That's not how line breaks work in HTML (/jQuery)

Use this instead:

button = 0;

var cardTextDefault = function(textInProzent){
    $("#button").html('text part I.<br /> is:'+percent+'%<br /><br /> text part two');
}

Note that I replaced .text with .html. .text would've escaped the HTML in there.

edited Jan 12 '18 at 12:35

answered Jan 12 '18 at 12:32

Cerbrus

1 Answers1