Перенос строк в jQuery [дубликат]

В HTML для переноса строк вместо \n используется тег <br>. Чтобы в элемент можно было вставить тег не как обычный текст, метод text() нужно заменить на html():

$('#id').html('**text1**<br>**text2**<br>**text3**');//при клике на кнопку
<span id="id"></span>

Если вы хотите, чтобы \n тоже отображался как перенос строки, используйте CSS-свойство white-space:pre (такое поведение по умолчанию установлено у <pre>):

$('#id').text('**text1**\n**text2**\n**text3**');//при клике на кнопку
<span id="id" style="white-space:pre"></span>