无法在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

我认为“ jQuery方式”应如下所示：

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

Answer 2

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

Answer 3

当您以文本形式提供outputString字符串时，html <br/>将以文本形式显示在字符串中。您应将其指定为html并使用<br/>进行换行：

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

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

Answer 4

如果您想专门添加<p>Hello World</p>，则可以执行以下操作：

<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); 调用，但不作为字符串的一部分。希望这会有所帮助。

Answer 5

在下面的代码中， P 标记的显示属性默认设置为阻止，因此无需使用换行符。 在两个可以解决您问题的 P 标签中设置标题和说明

尝试以下代码。

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