如何在我的jquery的<p>标记中添加新行?

时间:2019-06-20 01:12:34

标签: jquery html ajax

我有类似的文字是从烧瓶中通过查询生成的

  

预测:苹果雪松锈-99.646:苹果雪松是一种真菌   需要由Gymnosporangium juniperi-virginianae引起的疾病   杜松植物

现在我想将其分成两行

  

预测:苹果雪松锈-99.646

     

雪松苹果锈病是由裸孢子虫引起的一种真菌病   需要杜松植物的准菊科植物

这是在输出上方生成的我的jquery代码。

var new_data = JSON.parse(data.payload);
           $('#result').append('Predictions: ');
           for (var i in new_data){
             var _html = `
               <p>${new_data[i].name}: ${new_data[i].val}</p>
             `
              $('#result').append(_html);
           }

我试图这样做,但是没有用。

<p>${new_data[i].name}: "<br />" ${new_data[i].val}</p>

我该怎么做?

2 个答案:

答案 0 :(得分:2)

尝试一下。

var _html = "<p>" + ${new_data[i].name}: ${new_data[i].val} + "</p>";

答案 1 :(得分:1)

尝试一下:

<p>
  <span style="display:block">${new_data[i].name}:</span> ${new_data[i].val} 
</p>