jQuery 追加预格式化的串联字符串

jQuery append preformatted concatenated string

本文关键字:字符串 格式化 追加 jQuery      更新时间:2023-09-26
for (i = 0; i < json.people[NPC_id].dialogs.start.options.length; i++) {
    concat += "'n "+ optionNumbers + ") " + json.people[NPC_id].dialogs.start.options[i].text;
    optionNumbers++;    
}
//append JSON dialog to label...
options = concat;

在这里,我更新了HUD:

function updateHUD() {      
    console.log(options);
    $('#options').html(options);        
}

然后更新 HTML:

<div id="bottomDisplay">
    <ul>
        <li><b>Options:</b> <div id="options"></div>    </li>
    </ul>
</div>

控制台.log给出格式化的concat字符串...

1) What is wrong with it?
2) What is a 狗?
3) Sorry, I don't have time :/

但是 html 在div id 中未格式化为:

1) What is wrong with it? 2) What is a 狗? 3) Sorry, I don't have time :/

为什么?

HTML不处理多个空格或换行符。

您可以 :

  • 将整体放在一个<pre>元素中(最简单的方法是<pre id=options></pre>
  • (
  • 'n替换为 <BR>options = options.replace(/'n/g,'<br>')