Не удается вставить разрыв строки в Ajax outputString

Question

У меня есть Ajax-скрипт, который выводит заголовок и описание определенных заданий на основе пользовательского ввода.Хотя я могу отображать их без проблем, я не могу вставить разрыв между заголовком и описанием.У меня есть следующее:

            outputString = savedData[i].firstName + ". Description: " + savedData[i].cardNumber;

            var paragraph = $("<p />", {
            text: outputString
            });
            $("#data").append(paragraph);

Я попытался вставить традиционный разрыв строки br, а также \ n и \ r \ n в кавычках перед описанием, которое просто отображает текст строкиломать, а не ломать строку, а также за пределами кавычек, что ломает любой вывод.Как я могу успешно реализовать перевод строки?Приветствия.

Answer 1

В приведенном ниже коде в качестве тега P свойство отображения по умолчанию установлено на блокировку, поэтому нет необходимости использовать разрыв строки.Установка Заголовок и Описание в двух разных тегах P , которые решат вашу проблему

Попробуйте следующий код.

outputString = "<p>Title: "+dataJobs[i].title+"</p><p>description: "+dataJobs[i].description+"</p>";
$("#data").append(outputString);

Answer 2

Если вы хотите добавить <br/> специально, то вы можете сделать следующее:

// assuming that your dataJobs[i].title and dataJobs[i].description are defined

var paragraph = $("<p />");
paragraph
  .append(dataJobs[i].title + '.')
  .append('<br />')
  .append("Description: " + dataJobs[i].description);

$("#data").append(paragraph);

Вам нужно добавить <br/> в отдельном вызове добавления, но не как частьстрока.Надеюсь, это поможет.

Answer 3

outputString = dataJobs[i].title + ". Description: " + dataJobs[i].description + "<br/>";

Answer 4

Поскольку вы предоставляете строку outputString в виде текста, HTML-код <br/> отображается в виде текста в строке.Вы должны указать его как html и использовать <br/> для перевода строки:

outputString = dataJobs[i].title + ". <br/>Description: " + dataJobs[i].description;

              var paragraph = $("<p />", {
              html: outputString
              });
              $("#data").append(paragraph);

Answer 5

Я думаю, что «путь jQuery» должен выглядеть так:

var $outputString = $( "<span>" + dataJobs[i].title + ".<br>Description: " + dataJobs[i].description + "</span>" );
$( "#data" ).append($outputString.wrap( "<p></p>" ));