Как поставить новую строку в теге <p>в моем jquery?

Question

У меня есть такой текст, сгенерированный из колбы с запросом

Предсказания: яблочная ржавчина кедра - 99.646: ржавчина яблочного кедра - грибок заболевание, вызванное Gymnosporangium juniperi-virginianae, которое требует саженцы можжевельника до

Теперь я хотел бы поместить это в 2 строки, как это

Прогнозы: ржавчина яблочного кедра - 99,646

Кедровая яблочная ржавчина - грибковое заболевание, вызываемое Gymnosporangium. можжевельник-virginianae, который требует растения можжевельника для

Вот мой код 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>

Как мне это сделать?

Answer 1

попробуйте это.

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

Answer 2

Попробуйте это:

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